用CSS/Javascript来判断浏览器类型

最新推荐文章于 2024-11-29 17:32:50 发布

原创最新推荐文章于 2024-11-29 17:32:50 发布 · 3.7k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#浏览器 #stylesheet #xmlhttprequest #ie #javascript #firefox

本文介绍三种针对不同版本Internet Explorer浏览器定制CSS样式的方法，包括使用条件注释、特定于IE的选择器黑客以及通过JavaScript动态加载不同CSS文件。

方法一：

适用浏览器：IE5以上的IE浏览器

使用技术：条件注释

使用地点：HTML代码中（注不是CSS里）

比较符：

lte：就是Less than or equal to的简写，也就是小于或等于的意思。
lt ：就是Less than的简写，也就是小于的意思。
gte：就是Greater than or equal to的简写，也就是大于或等于的意思。
gt ：就是Greater than的简写，也就是大于的意思。
! ：就是不等于的意思，跟javascript里的不等于判断符相同

方法二：

#example{color:red ;}/*firefox*/ * html #example{color:blue;}/*ie6*/ *+html #example{color:green;}/*ie7*/

使用地点：CSS中

方法三：

这是利用不同版本浏览器创建XMLHttpRequest方式不同来选择不同的CSS