Вход
 
Cообщество разработчиков на платформе Microsoft > Форумы > Internet Explorer Web Development > CSS a:hover background-color display:block
Задайте вопросЗадайте вопрос
Поиск по форумам:
 

ВопросCSS a:hover background-color display:block

  • 19 сентября 2008 г. 11:32clanceyp Медали пользователяМедали пользователяМедали пользователяМедали пользователяМедали пользователя
     
    Войдите в систему, чтобы проголосовать
    0
    Войдите в систему, чтобы проголосовать

    It seems like a:hover {background-color:value;} does not work as expected in IE8 beta2 if the element has display:block or inline-block. The hover style will get applied if there is a background-color value defined for the default state only.  

     

     

    Code Snippet

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML Strict//EN"><META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <HTML>
    <HEAD><title></title>

    <STYLE>
    HTML BODY {
     background-color : #e7e7e7;
    }
    A {
      display : block;
    }
    span.withbg A {
      background-color:white;
    }
    A:hover,
    span.withbg A:hover {
      color:blue;
      background-color:black;
    }
    </STYLE></HEAD>
    <BODY>

    <p>
       <span><A href="#">A link WITHOUT background color</A></span>
       <span class="withbg"><A href="#">A link WITH background color</A></span>
    </p>

    </BODY>

    </HTML>

     

     

     

     

Все ответы