因为IE浏览器文本模式兼容的问题,所以导致外链css样式无法正常运行,而其他浏览器都可以,
下面是解决方法:
<META http-equiv="X-UA-Compatible" content="IE=8" />
将它插入到<head>里面就行了;
用ie8的兼容模式来运行,这样就能解决了,
我试了一下,将它改为IE7也可以,IE6就不行了。
希望能帮到你。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html charset=utf-8" />
<title>win8=/=</title>
<style type="text/css">
body{ background: #fff font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif}
.logo{ position: absolute width:450px height: 130px margin: -65px 0 0 -250px
top: 50% left: 50% }
.logo:after{content: "Window 8" color:#40A7EA font-size: 85px position: absolute
top: 1px left: 135px width: 420px }
.logo i{ font-style: normal display: block width: 100px
height:100px position: relative background: #40A7EA
overflow: hidden
-webkit-transform: perspective(100px) rotateY(-15deg)
-ms-transform: perspective(100px) rotateY(-15deg)
-o-transform: perspective(100px) rotateY(-15deg)
transform: perspective(100px) rotateY(-15deg)
}
i:after,i:before{ position: absolute background:#fff font-size: 0 line-height: 0 content: " " }
i:after{ width: 100pxheight: 4px left: 0 top: 48px} i:before{width: 4pxheight: 100px top:0 left: 48px }
</style>
</head>
<body>
<div class="logo">
<i></i>
</div>
</body>
</html>
ie9以上 谷歌浏览器没问题 -。-