Показать сообщение отдельно
  #3 (permalink)  
Старый 21.12.2015, 12:27
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

shurik_shink,
<style>
.wrap{
  position:relative;
  width:400px;
  height:122px;
}
.psevdoBg {
  position:absolute;
  left:0;top:0;margin:0;
  opacity:0.5;
}
div.cnt {
  position:relative;z-index:1;
  width:100%;
  height:100%;
  margin:0;
  font: normal normal 700 16px/normal "Times New Roman";
  color:#fff;
  background: rgba(255,0,17,0.25);
}
</style>
<div class="wrap">
  <img class="psevdoBg" src="http://www.optimum1.ru/images/shapka2.jpg" width=100%/>
  <div class="cnt">
<br>
     aadasdasdad<br>
     aadasdasdad<br>
     aadasdasdad<br>
     aadasdasdad<br>
  </div>
</div><br>
<div class="wrap">
  <img class="psevdoBg" src="http://www.optimum1.ru/images/shapka2.jpg" width=100%/>
  <div class="cnt" style="background: transparent;">
<br>
     aadasdasdad<br>
     aadasdasdad<br>
     aadasdasdad<br>
     aadasdasdad<br>
  </div>
</div><br>
Ну а тут истинный вид картинки <br>
<img src="http://www.optimum1.ru/images/shapka2.jpg" width=400/>

Последний раз редактировалось Deff, 21.12.2015 в 12:35.
Ответить с цитированием