изменение цвета фона при опрокидывании не работает в IE, FF - PullRequest
Новая
       12

изменение цвета фона при опрокидывании не работает в IE, FF

0 голосов
/ 14 августа 2010

это кажется очень простым и я озадачен тем, почему он не работает ... Я хочу изменить фоновое изображение DIV при наведении на него. Это работает на хром и FF на Mac - но тогда не FF, IE на ПК

CSS - /media/css/mystandard.css

div.flipper {background-color: #FFFFFF;}
div.flipper:hover {background-color: #F8FBFE;}

HTML 

<HTML> <HEAD> <link rel="stylesheet" href="/media/css/mystandard.css"/></HEAD><BODY>        
<div class="flipper" >  
hello stack overflow!               
</div>
</BODY></HTML>

Re: Сом

Спасибо за совет. К сожалению, я не могу использовать теги, потому что я планирую иметь цвет фона для полного изменения DIV (что-то вроде твиттерного представления в twitter.com при переходе) и не хочу делать весь текст в div ссылкой

Ответы [ 3 ]

1 голос
/ 14 августа 2010

Если вам нужно использовать <div>, вам нужно использовать javascript для наведения.Я предлагаю для простоты использовать jQuery: 

$("div.flipper").hover(
  function() { $(this).addClass("hover"); },
  function() { $(this).removeClass("hover"); }
);

Затем измените свой CSS на: 

div.flipper {background-color: #FFFFFF;}
div.hover   {background-color: #F8FBFE;}
1 голос
/ 14 августа 2010

Не все браузеры поддерживают псевдоатрибут: hover ни для чего, кроме тега привязки <a>.Вам нужно изменить html на 

<HTML><BODY> <HEAD> import CSS here </HEAD>     
<div class="flipper" >
<a href="#">  
hello stack overflow!
</a>               
</div>
</BODY></HTML>

, а ваш css на 

div.flipper a{background-color: #FFFFFF;}
div.flipper a:hover {background-color: #F8FBFE;}
0 голосов
/ 14 августа 2010

Ваша проблема с вашей ссылкой для CSS.У вас есть <link rel="stylesheet" href="/media/css/mystandard.css"/>

первый фрагмент, прежде чем носитель создает проблему.Используйте это <link rel="stylesheet" href="media/css/mystandard.css"/>

...