1、兼容透明度
filter:alpha(opacity=30)
上面的CSS使用专用的filter属性来设置IE6-8透明度。对于IE6和IE7需要注意:为了使得透明设置生效,元素必须是“有布局”。一个元素可以通过使用一些CSS属性来使其被布局,有如width 和 position。
另外一个设置IE8的CSS透明度的方法语法如下(注意注释中指出的版本):
#ceng { filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);/* 在IE6, IE7和IE8下有效 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=40)"; /*仅在IE8下有效 */ }
2、“\9″ 只在IE6/IE7/IE8/IE9/IE10下生效
“\0” 只在 IE8/IE9/IE10下生效
“\9\0”只在IE9/IE10下生效
eg:width:100px\9;
故目前如果需要只针对ie8的hack,可先使用在IE8/IE9/IE10生效的“\0”,再用仅在IE9/IE10生效的“\9\0”hack覆盖之前的样式。
如
selector{ color:#000; color:#F00\0; /* only for IE8&IE9&IE10 */ color:#000\9\0; /* only for IE9&IE10 */ }
3.<metahttp-equivmetahttp-equiv="x-ua-compatible"content="IE=7"/>
把这段代码放到<head>里面,在IE8里面的页面解析起来就跟IE7一模一样的了,所以,基本上可以无视IE8,剩下的代码只需要这样写就可以了
1. background:#ffc;/*对firefox有效*/
2. *background:#ccc;/*对IE7有效*/
3. _background:#000;/*只对IE6有效*/
把这段代码放到<head>里面,在IE8里面的页面解析起来就跟IE7一模一样的了,所以,基本上可以无视IE8,剩下的代码只需要这样写就可以了
1. background:#ffc;/*对firefox有效*/
2. *background:#ccc;/*对IE7有效*/
3. _background:#000;/*只对IE6有效*/
4. 页面的最小宽度
min-width是个非常方便的CSS命令,它可以指定元素最小也不能小于某个宽度,这样就能保证排版一 直正确。但IE不认得这个,而它实际上把 width当做最小宽度来使。 我们可以这样解决:
#container{
min-width: 600px;
_width:600px;
}
min-width是个非常方便的CSS命令,它可以指定元素最小也不能小于某个宽度,这样就能保证排版一 直正确。但IE不认得这个,而它实际上把 width当做最小宽度来使。 我们可以这样解决:
#container{
min-width: 600px;
_width:600px;
}
备注:单给浏览器设定的样式在用开发工具查看时是看不到的,别费劲找了!
相关推荐
本文将深入探讨如何解决IE兼容性问题,尤其是针对IE8版本的优化策略。 一、理解IE的DOCTYPE及其影响 DOCTYPE声明在HTML文档的开头,用于告知浏览器应使用哪种HTML或XHTML规范来解析页面。IE浏览器在不同的DOCTYPE...
### 如何解决IE兼容性问题 在Web开发领域,确保网站在不同版本的Internet Explorer(以下简称IE)浏览器中能够正常显示是一项重要的工作。由于IE浏览器的版本差异导致了许多兼容性问题,这使得开发者不得不采取一...
### IE兼容性总结 在开发网站的过程中,考虑到不同浏览器之间的差异是非常重要的,特别是对于老旧的浏览器版本如Internet Explorer 6/7/8等。本文档将根据提供的部分内容,详细总结在进行IE兼容性优化时的一些常见...
**IE兼容性测试工具详解** 在网页开发过程中,尤其是在企业级应用中,浏览器兼容性问题是一个不容忽视的重要环节。IE(Internet Explorer)作为曾经占据主导地位的浏览器,其多版本并存的情况使得开发者需要对各个...
通过代码添加、删除、查询等操作IE兼容性视图网站。封装类,直接调用就可以了。通过代码添加、删除、查询等操作IE兼容性视图网站。封装类,直接调用就可以了。通过代码添加、删除、查询等操作IE兼容性视图网站。封装...
因此,建议尽量遵循Web标准编写代码,同时为IE8提供降级处理或使用条件注释来加载特定的IE兼容性样式表和脚本。 总结来说,识别IE8的兼容性视图模式是解决浏览器兼容性问题的关键步骤。通过JavaScript的`document....
以下是一些解决IE兼容性问题的方法: 1. **使用`!important`规则** `!important`是一个CSS修饰符,它允许强制应用某个样式,即使有其他更具体的规则。在IE7及以上版本中,`!important`得到了支持。例如: ```css ...
"IE兼容性插件"正是为了解决这一问题而存在的工具,它能够帮助提升网站在IE浏览器上的表现,使其更加符合现代Web标准。 PIE,全称为“ Positioned Absolutely, Everything Else”, 是一种专门针对IE浏览器的CSS3...
标题 "IE7.JS解决IE兼容性问题方法" 指的是使用一个名为 "IE7.JS" 的脚本库来解决Internet Explorer浏览器的兼容性问题。IE7.JS是开源社区开发的一个JavaScript库,其目标是通过模拟缺失的功能和修复已知的错误,...
经过长时间的web开发总结出解决各版本浏览器ie兼容性,有效的解决ie高低版本 火狐等系列浏览器兼容性问题
IE兼容性 调试工具 IETester IE调试工具
本文将深入探讨FF和IE之间的CSS兼容性问题,以及如何解决这些差异。 首先,让我们来看标题和描述中提到的问题:如何使`DIV`或`table`在IE和Firefox中水平居中。在CSS中,有多种方法可以实现这个效果,但并非所有...
1. **ReactJS的IE兼容性问题**: - ES6语法不支持:React代码通常包含ES6语法,如箭头函数、类、模板字符串等,而旧版IE(尤其是IE11及以下)不支持这些特性。 - Babel转换:为了解决这个问题,我们需要使用Babel...
一个windows下用来设置ie兼容的脚本,方便批量设置,不用每台机器都设置一遍了; 一个windows下用来设置ie兼容的脚本,方便批量设置,不用每台机器都设置一遍了
引入对应的polyfill在 master 应用的global.js中引入对应的 polyfill, 如下:在 IE11 上调试如果需要在 Windows 及
另一种解决IE兼容性问题的方法是使用JavaScript库,如Google的ie7-js。这是一个JavaScript库,其目的是让旧版的IE(如IE5、IE6)的行为更接近符合Web标准的浏览器,支持更多的W3C标准,包括CSS2、CSS3选择器,并修复...
对于IE6到IE11这一系列的Internet Explorer浏览器,由于它们之间的差异以及与其他现代浏览器的不同,开发者经常遇到各种兼容性问题。本文件“IE6-IE11兼容性问题列表及解决办法.rar”正是针对这些难题提供解决方案的...