Я изо всех сил пытался выяснить, почему этот ролловер не работает так, как должен в IE8.
Перейдите сюда: http: / /baked-beans.tv в IE8, вы увидите, что ролловер работает только с нижней половиной эскизов.
Между прочим, это активируется не тегом Что я могу Не понимаю, почему он работает только с нижней половиной div, под изображением, но не с изображением (изображение не индексируется по оси Z, поэтому проблема не в этом) Как только я изменю Это работает так же, как и в любом другом браузере (весь квадрат действует как наведение курсора) Вот CSS:
, а : hover
для
background-color
на все остальное, кроме прозрачности, работает на 100%. Так что это просто шокирует меня ... почему нижняя половина, а не верхняя, и только когда я установил bg-color на прозрачный ?! Обожаю Internet Explorer. .cat_rollout {
position: absolute;
float:left;
top:0;
left:0;
min-height:274px;
min-width:274px;
font-size: 0;
background-color: transparent;
}
.cat_rollout:hover {
background-image: url(images/rollover.png);
min-width:254px;
min-height:242px;
padding-left: 20px;
color: white;
font-size: 21px;
font-weight: normal;
line-height: 24px;
padding-top: 34px;
}