Как Internet Explorer 8 поддерживает атрибут контура CSS? - PullRequest
3 голосов
/ 08 октября 2009

Веб-сайт говорит, что он поддерживается, однако следующий стиль не отображается.


    <style type="text/css">
        a[href="#"]{outline:#f00 dotted 2px !important}
    </style>

тем не менее, следующее будет отображать


    <style type="text/css">
        a[href="#"]{border:#f00 dotted 2px !important}
    </style>

Вот мой документ


<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
   <title>...</title>
   <link type="text/css" rel="stylesheet" href="../content/style.css" />

</head>
<body>...</body>
</html>

Ответы [ 2 ]

8 голосов
/ 08 октября 2009

Проверьте, выполняет ли IE8 рендеринг в режиме совместимости. Если у вас есть что-то вроде следующего в вашем заголовке, то схема не будет работать:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >

IE8 также по умолчанию будет использовать режим причуд, если ваш тег doctype неверен, так что проверьте это. Кроме того, если вы используете IIS, возможно, сервер форсирует режим совместимости с IE7.

2 голосов
/ 08 октября 2009

Возможно, потому что ссылка не отображается в браузере как #, а как yourpage.html#

Попробуйте использовать вместо этого:

<style type="text/css">
    a[href$="#"]{outline:#f00 dotted 2px !important}
</style>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...