X-UA-Compatible 没卵用啊是小弟我理解异常还是和系统有关系

X-UA-Compatible 没卵用啊，是我理解错误还是和系统有关系
配置：win10 , ie11,chrome 46.0.2490.71



<!DOCTYPE html>

<html>

<head>

    <title> CSS 测试 </title> 

    <meta charset="utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=9,chrome=1">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <meta name="renderer" content="webkit"> 

    <meta name="author" content="llm" /> 

    <style>

        .box{width:200px;height: 200px;display: block;margin:50px auto;}

        .ie{

            background: #000;/*nomal*/

            background: #c40000\9;/*ie7,8,9,10*/

            background: #ff8931\9\0;/*ie8,9,10*/

            background: #0000ff\0/;/*ie8*/

            +background: #00ff00;/*ie7*/

            _background: #ff0000;/*ie6*/

            border:2px solid #378fc7 !important; 

            border:2px solid #ff8931;

            border-radius: 5px;

        }

    </style>

</head>

<body>

    

    <div class="box ie"> </div>

    


</body>

</html>

按照道理设置了X-UA-Compatible 在IE8里面 DIV应该有圆角啊，然而什么都没有啊
该如何理解X-UA-Compatible 呢怎么让 IE6,7,8支持圆角
------解决思路----------------------
额，圆角在IE9和IE9+才显示的，你如果要IE低版本显示圆角，用圆角图片设为背景才可以跨兼容性
<meta http-equiv="X-UA-Compatible" content="IE=9,chrome=1">只是强制以IE9标准模式渲染页面，chrome=1则可以激活Chrome Frame

X-UA-Compatible 没卵用啊是小弟我理解异常还是和系统有关系

相关推荐