HTML和CSS中如何判断ie各版本浏览器

最新推荐文章于 2023-02-27 23:23:41 发布

上火了怎么办

最新推荐文章于 2023-02-27 23:23:41 发布

阅读量839

点赞数

本文链接：https://blog.csdn.net/qq_44884300/article/details/89329637

版权

首先给大家分享一个巨牛巨牛的人工智能教程，是我无意中发现的。教程不仅零基础，通俗易懂，而且非常风趣幽默，还时不时有内涵段子，像看小说一样，哈哈～我正在学习中，觉得太牛了，所以分享给大家！点这里可以跳转到教程

一、HTML代码中

在编写网页代码时，各种浏览器的兼容性是个必须考虑的问题，有些时候无法找到适合所有浏览器的写法，就只能写根据浏览器种类区别的代码，这时就要用到判断代码了。在HTML代码中，区别各种浏览器的代码如下，以ie6为例













以上这些代码写法都是针对ie各版本浏览器的，在其他浏览器中这些代码都会被解释为Html注释而直接无视掉。

<body>

<div>
其他
</div>
</body>

所以要想些针对firefox之类的非ie浏览器，需要这么写： 除IE外都可识别

二、CSS代码中

CSS代码中，则可以根据各浏览器自己独立的可识别的特殊代码来编写区分浏览器的代码，例如为IE系列浏览器可读[\9]，而IE6和IE7可读[*]，另外IE6可辨识[ _ ](下划线)；由
于CSS读取时是按从上到下来的，同样属性靠后写的生效，因此可以依照顺序写下来，就会让每个浏览器正确的读取到自己看得懂得CSS语法，有效区分各类型或版本：

.classname{
background:blue; /*Firefox等非IE浏览器背景变蓝色*/
background:red \9; /*IE8 背景变红色*/
*background:black; /*IE7 背景变黑色*/
_background:orange; /*IE6 背景变橘色*/
}

.classname {
background:black !important; /*非IE6 背景变黑色*/
background:orange; /*IE6 背景变橘色*/
}