我的win8的自带ie10浏览器不支持本地网页的外链css样式和js怎么办?

html-css08

我的win8的自带ie10浏览器不支持本地网页的外链css样式和js怎么办?,第1张

你好,我遇到跟你一样的情况,

因为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以上  谷歌浏览器没问题 -。-