如何Internet Explorer 8中支持CSS边框属性?(How does Internet

2019-07-21 12:05发布

该网站说,它的支持,但下面的样式不会呈现。


    <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>

Answer 1:

检查是否IE8在兼容模式呈现。 如果你有什么喜欢在你的头下,然后大纲将无法正常工作:

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

IE8也将默认为怪癖模式,如果你的DOCTYPE标记不正确,那么验证这一点。 另外,如果您正在使用IIS,则可能是服务器迫使IE7兼容模式。



Answer 2:

也许是因为该链接不会在浏览器中显示为#但是yourpage.html#

尝试使用目的,而不是用:

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


文章来源: How does Internet Explorer 8 support the CSS outline attribute?