区别IE6、IE7、IE8、Firefox
#tip {
background:blue; /*Firefox 背景变蓝色*/
background:red \9; /*IE8 背景变红色*/
*background:black; /*IE7 背景变黑色*/
_background:orange; /*IE6 背景变橘色*/
}
为IE系列浏览器可读「\9」,而IE6和IE7可读「*」(米字号),另外IE6可辨识「_」(底线),因此可以依照顺序写下来,就会让浏览器正确的读取到自己看得懂得CSS语法,所以就可以有效区分IE各版本和非IE浏览器(像是Firefox、Opera、Google Chrome、Safari等)。
区别IE6、IE7 (方法 2)
#tip {
background:black !important; /*IE7 背景变黑色*/
background:orange; /*IE6 背景变橘色*/
}
因为IE7可读取「!important;」但IE6却不行,而CSS的读取步骤是从上到下,因此IE6读取时因无法辨识「!important」而直接跳到下一行读取CSS,所以背景色会呈现橘色。
还有一招
<style. type="text/css">
#example{color:red ;}/*firefox*/
* html #example{color:blue;}/*ie6*/
*+html #example{color:green;}/*ie7*/
</style>
</head>
<body>
<div id="example">在FireFox下应为红色,在IE6.0下应为蓝色,在IE7.0下应为绿色。</div>
</body>
分享到:
相关推荐
* 针对多种浏览器分别配置合适的 CSS 文件,再通过判断浏览器选择不同 CSS 实现兼容性 * 使用 <!--[endif]--> 等方法来区分不同浏览器 CSS 在不同浏览器中的兼容问题是一个复杂的问题,需要认真对待和解决。通过...
在提供的压缩包文件中,`Browes 判断.asp`和`Browes 浏览器判断.asp`可能是用于服务器端进行浏览器检测的ASP文件,而`CheckBr(动态加载Css).js`可能是用于客户端JavaScript动态加载CSS并进行浏览器判断的脚本。...
首先,我们来看CSS判断浏览器的方法。虽然CSS主要用于样式控制,但有些特定的CSS属性或技巧可以用来间接识别浏览器。例如: 1. **User-Agent String**: CSS不能直接访问用户代理(User-Agent)字符串,但可以通过...
"JS判断浏览器分辨率自动调用不同CSS"是一个实现响应式布局的技术手段,通过JavaScript检测浏览器窗口的分辨率,并据此加载相应的CSS样式表。这种技术尤其适用于多设备兼容性需求高的项目。 首先,我们需要了解...
function getBrowser() { var i = window.navigator.userAgent; var isChrome = i.indexOf("Chrome") && window.chrome; var issafari=i.indexOf("safari") && window....js判断不同浏览器内核调用不同css样式
在IT领域,特别是前端开发中,能够准确地识别和判断用户使用的浏览器类型及版本是一项重要的技能。这不仅能帮助开发者针对性地优化网站性能,还能确保在不同浏览器上提供一致的用户体验。下面,我们将深入探讨如何...
该脚本主要实现了根据用户所使用的浏览器类型以及屏幕分辨率来动态加载不同的CSS样式表。这种技术在早期网页开发中较为常见,用于实现针对不同设备或浏览器的适配方案。 #### 二、解析脚本逻辑 1. **检测浏览器...
### JS判断浏览器分辨率调用不同CSS样式的实现方法 在Web开发中,为了提供更好的用户体验,根据不同的设备分辨率(屏幕尺寸)应用相应的CSS样式是非常重要的。这种方法有助于优化页面布局、提高加载速度,并确保...
"微信判断浏览器自动弹出遮罩层【完整代码】.zip"这个压缩包文件提供了一个解决方案,针对微信内置浏览器打开网页时自动弹出遮罩层,引导用户跳转到系统浏览器以获得更好的浏览体验。这个功能主要涉及以下几个技术点...
标题中的"jQuery判断浏览器版本过低提示代码"是指使用jQuery来检测用户浏览器的版本,并在浏览器版本不符合要求时显示警告信息。这种做法有助于提高用户体验,因为它可以引导用户升级到支持更多现代Web技术的浏览器...
if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|wOSBrowser|BrowserNG|WebOS)/i))) { [removed]('<link href="css/mobile.css" rel="stylesheet" type=... }判断手机端访问调用的css
"jquery判断浏览器版本过低代码.zip"这个压缩包提供了一个解决方案,它包含了一个JavaScript代码片段,用于检测浏览器是否支持HTML5和CSS3,并在不支持的情况下提示用户升级或更换浏览器。 jQuery是一个广泛使用的...
除了条件注释,还可以使用CSS Hack来针对特定浏览器进行样式调整。例如: ```css #example { color: red; /* 标准浏览器 */ } * html #example { /* IE6 */ color: blue; } *+html #example { /* IE7 */ color: ...
我们可以据此来判断浏览器的类型和版本。 以下是一个简单的示例,展示如何检测浏览器类型: ```javascript function getBrowserType() { var userAgent = navigator.userAgent; if (userAgent.indexOf("Firefox...
例如,`width`、`height`设置组件尺寸,`html`设置组件内部的HTML内容,`style`添加自定义CSS样式,`itemId`用于唯一标识组件,`renderTo`指定组件渲染到哪个DOM元素上。开发者可以根据需要选择合适的配置属性,以...
本文将详细讲解如何使用JavaScript来自动判断浏览器的分辨率,并根据不同的分辨率应用相应的CSS样式表。 首先,我们来看给出的JavaScript代码段。这段代码的主要目的是检测用户所使用的浏览器类型(如IE、Firefox或...
### 知识点详解:根据判断浏览器类型及屏幕分辨率自动调用不同CSS的代码 在Web开发中,针对不同浏览器和不同的屏幕分辨率提供定制化的样式表(CSS)是一种提升用户体验的有效方式。本文将深入探讨如何通过...
综上所述,通过JavaScript判断浏览器是否为IE8并作出相应的提示是一种常见的兼容性处理方式。但在实际应用中,还需要结合多种策略和技术手段来全面解决跨浏览器兼容性问题,以确保网站能够在各种浏览器环境下都能...