У меня есть небольшая проблема при наведении на картинку табличка появляеться под картинкой, а мне надо чтобы появлялась на ней.
вот код:
Code
<table border="0" width="575" height="335" align="center">
<tr><td width="575" height="335">
<div class="imgteaser">
<a href="#">
<img src="sample.jpg"><span class="desc">
Бла бла бла бла бла бла бла бла бла бла бла бла бла
</span>
</a>
</div>
</td></tr></table>
СSS:
Code
.imgteaser {
margin: 0;
overflow: hidden;
float: left;
position: relative;
}
.imgteaser a {
text-decoration: none;
float: left;
}
.imgteaser a:hover {
cursor: pointer;
}
.imgteaser a:hover .desc{
display: inline-block;
font-size: 1.2em;
padding: 10px 0;
background: #111;
filter:alpha(opacity=75);
opacity:.75;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
color: #fff;
position: relative;
padding: 10px;
margin: 0;
width: 555px;
border-top: 1px solid #999;
}
.imgteaser a:hover .desc strong {
display: inline-block;
margin-bottom: 5px;
font-size:1.5em;
}
.imgteaser a .desc { display: none; }
.imgteaser a:hover .more { visibility: hidden;}
Вот то как отображается
http://xlightstudio.ucoz.ru/
