Question

Нашёл нужный код (изображение с подписью), но вот незадача, мозолит глаза ужасная рамка

 

код html

<center>
 <style type="text/css">.blogodel {
 overflow: hidden;
 position: relative;
 display: inline-block;
}
.blogodel:hover {cursor: pointer;}

.blogodel img {
 background-color: #459;
 border: none;
 margin: 0;
 padding: 10px;
}

.blogodel .more {
 background-color: #123; 
 color: #FFF;
 font-size: 14px;
 padding: 5px 10px;
 filter:alpha(opacity=65);
 opacity:.65;
 -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=65)';
 position: absolute;
 right: 10px; bottom: 10px;
}
.blogodel:hover .more {display: none;}

.blogodel .desc {display: none;}
.blogodel:hover .desc {
 background-color:#345;
 display: block;
 margin: 0;
 color: #FFF;
 font-size: 12px;
 padding: 10px;
 filter:alpha(opacity=75);
 opacity:.75;
 -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=75)';
 position: absolute;
 bottom: 10px; left: 10px; right: 10px;
}

.blogodel:hover .desc strong {
 display: block;
 font-size: 14px;
 line-height: 1em;
}
 </style>
 <div class="blogodel"><img border="0" height="232" src="http://xn----9sbkbb5afe6b0h.xn--p1ai/foto/catalog_modern/belaya_kuhnya_v_stile_modern11_1.jpg" width="350" />
 <div class="more">Модерн</div>

 <div class="desc"><strong>Модерн1</strong> Здесь можно поместить текст</div>
 </div>
 </center>
 </td>
 

подскажите как её убрать

  

Спасибо.

Answer 1

Попробуйте в стили добавить:

.blogodel img {background:transparent!important;}

Comments

Спасибо, получилось))