help

amshegar · September 30, 2011

почему не работает ?


<html>
<head>

<style type="text/css">

a:hover {
background-image: url(img/1111.png);
}

</style>

</head>
<body>

<table width="25%" border="1" align="center">
<tr>
<th width="12%"><a href="www.google.com"><img src="img/2222.jpg" width="75" height="35" /></a></th>
<th width="12%"><a href="www.google.com"><img src="img/2222.jpg" width="75" height="35" /></a></th>
</tr>
<tr>
<th width="12%"><a href="www.google.com"><img src="img/2222.jpg" width="75" height="35" /></a></th>
<th width="12%"><a href="www.google.com"><img src="img/2222.jpg" width="75" height="35" /></a></th>
</tr>
</table>

</body>
</html>

спасибо заранее!

Edited September 30, 2011 by amshegar

x-doggy · September 30, 2011

Я здесь вообще не вижу тега <a>

amshegar · September 30, 2011

Я здесь вообще не вижу тега <a>

хех сорри забыл добавить :blush:

zSpx · September 30, 2011

Потому, что вы hover'ом меняете фон ссылки, но этого не видно, т.к. в ней изображение. Для того, что бы увидеть фон, в вашем случае, нужно убрать картинку и задать ссылке размеры. Тогда фон виден будет.

amshegar · September 30, 2011

можно по подробни, с примерами... пожалуйста?

zSpx · September 30, 2011

Да что тут объяснять. <a> это инлайновый элемент, т.е. он принимает размеры своего содержимого, в вашем случае <img>. Так вот a:hover background{...} меняет фон ссылки в котором картинка, но картинка полностью перекрывает ссылку и вы не можете на нее навести мышь, т.е. она, как бы, выше и заслоняет ссылку, понятно?

Пример:

div {width: 100px;height:100px;background-color: red} /*красный фон*/
div:hover {width: 100px;height:100px;background-color: yellow}/*при наведении мыши фон желтый*/
p {margin:0;padding:0;background:blue;width:100px;height:100px;}/*фон синий*/

<div></div>-фон меняется
<div><p></p></div>-фон не меняется, т.к. элемент p перекрыл своими размерами div

Доступней объяснить невозможно :mellow:

А вообще вот тут все написано

Edited September 30, 2011 by zSpx

Sign In

help

Question

amshegar

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

x-doggy

Link to comment

Share on other sites

amshegar

Link to comment

Share on other sites

zSpx

Link to comment

Share on other sites

amshegar

Link to comment

Share on other sites

zSpx

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information