[HTML] tr:nth-child(even)失效 更改预设浏览器版本为9即可

用VS 2013 F5跑起来看,有相间的效果
http://img2.58codes.com/2024/20106764j3KJ7hZ7H4.png
但网页放到IIS上时,就没有了.
http://img2.58codes.com/2024/20106764bosIOAIn20.png

查到原因是因为IE浏览时预设值为版本7,这个功能要9 以上才支援.
所以就再加上
<%--预设IE版本为9,相容到11--%>
这样如果USER有安装9以上,就会预设9了!!

<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=9; IE-11"/><%--预设IE版本为9,相容到11--%>    <style type="text/css">        .myTable tr:nth-child(even) {            background: #ffecec;        }        .myTable tr:nth-child(odd) {            background: #e8d0d0;        }    </style>    <title></title></head><body>    <table class="myTable">        <tr>            <td>xxxx</td>            <td>xxxx</td>            <td>xxxx</td>        </tr>        <tr>            <td>xxxx</td>            <td>xxxx</td>            <td>xxxx</td>        </tr>        <tr>            <td>xxxx</td>            <td>xxxx</td>            <td>xxxx</td>        </tr>        <tr>            <td>xxxx</td>            <td>xxxx</td>            <td>xxxx</td>        </tr>        <tr>            <td>xxxx</td>            <td>xxxx</td>            <td>xxxx</td>        </tr>     </table></body></html>

关于作者: 网站小编

码农网专注IT技术教程资源分享平台,学习资源下载网站,58码农网包含计算机技术、网站程序源码下载、编程技术论坛、互联网资源下载等产品服务,提供原创、优质、完整内容的专业码农交流分享平台。

热门文章