Подскажите, как сделать так, чтобы при наведении на изображение показывалась ссылка? Возможно ли это сделать без jquery hover
? Заранее спасибо!
-
В смысле "показывалась"?– Deonis16 авг 2012 в 20:28
-
Да,что бы при наведении на картинку показывалась ссылка на картинке или что то тому подобное!– OverLoader16 авг 2012 в 20:38
Добавить комментарий
|
2 ответа
div{position:relative}
img{float:left;}
a{position:absolute;top:50px;
left:30px;display:none}
div:hover a{display:block}
</style>
</head>
<body>
<div>
<img src="3.png" width="200" height="200" />
<a href="#">LINK </a>
</div>
-
1Это из серии "Каких слов не хватает в тексте"? Вот "нормализированый" вариант: <style> div{ position:relative; } img{ float:left; } a{ position:absolute; top:50px; left:30px; display:none; } div:hover a{ display:block; } img{ width:200px; height:200px; } </style> <div> <img src="3.png" /> <a href="#">LINK</a> </div> И демо.– Crasher18 авг 2012 в 22:54