CSS наведения таблицы влияет как на границу таблицы, так и на тд - PullRequest
Новая
       2

CSS наведения таблицы влияет как на границу таблицы, так и на тд

1 голос
/ 22 июня 2011

Как мне получить тд, чтобы получить затененный темно-зеленый цвет, когда мышь наводит курсор на любую часть стола?

IE 6, пожалуйста.

Пожалуйста, не жалуйтесь на пробел, он используется в окне входа в gmail. 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


<html>
<head>
    <title>yo</title>
      <style type="text/css">
        .square-mosaic-green {
            border: 5px solid #a6e3a6;
            background-color: #ffffff;
            height:75px;
            width: 75px;   
        }

        .square-mosaic-green td {
            background-color:#a6e3a6;
        }

        .square-mosaic-green:hover    {
            border-color: #00ae00;
        }

        .square-mosaic-green td:hover    {
            background-color: #00ae00;   
        }
      </style>

</head>
<body>

    <table class="square-mosaic-green" cellspacing="10">
        <tr>
            <td>

            </td>                    
         </tr>
    </table>
</body>
</html>

Ответы [ 4 ]

3 голосов
/ 22 июня 2011

В IE6 вы не можете использовать :hover ни для чего, кроме ссылок.Если вы хотите добиться такого эффекта, вам нужно либо прибегнуть к JavaScript, либо поместить <a> в ячейку и сделать ее такой же большой, как и ячейка.

2 голосов
/ 22 июня 2011 
.square-mosaic-green:hover td {
            background-color: #00ae00;   
}

jsFiddle Demo

Это не будет работать под IE6, как ваш код. :hover поддерживается только для определенных элементов в IE6.

1 голос
/ 22 июня 2011

Вот как это сделать с помощью jQuery 

$('.square-mosaic-green').hover(function(){
    $(this).css('backgroundColor','#00ae00');
    $(this).css('borderColor','#00ae00');
    },
  function(){
    $(this).css('backgroundColor','#fff');
    $(this).css('borderColor','#a6e3a6');
    }                           
);

http://jsfiddle.net/jasongennaro/CqqvP/

Я протестировал его, и он работает в IE6.

0 голосов
/ 22 июня 2011

JS - единственный способ сделать это в этой версии IE. 

onmouseover="style.backgroundColor='#000';"
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...