![]()
kapadult
Свой |
Зарегистрирован: 21.08.2009
Сообщений: 4
|
Обратиться по нику
|
| kapadult |
Ответить с цитатой | | |
|
Привет всем! Помогите разобраться с css. В общем проблема в следующем, мне нужно чтобы при наведении на ссылку, в необходимом месте всплывала картинка. В IE и Firefox все рабоотает нормально, а вот в Опере почему-то картинка смещена намного вниз. С чем это может быть связано?
Код ссылки:
| Код: |
|
<a class="picture" href="http://www.mail.ru/" rel="nofollow" target="_blank">Mail.RU<span><img src="index.files/1.jpg" /></span></a>
|
Код css:
| Код: |
.picture{
position: relative;
z-index: 0;
}
.picture:hover{
background-color: #CECECE;
z-index: 0px;
}
.picture span{
position: absolute;
background-color: #CECECE;
padding: 5px;
left: 150px;
border: 1px dashed gray;
visibility: hidden;
color: #CECECE;
text-decoration: none;
}
.picture span img{
border-width: 0;
padding: 0px;
}
.picture:hover span{
visibility: visible;
top: -3px;
left: 740px;
}
|
|
|
|
|
|
