JavaScript实现IE6以下版本提示更新.
Navigator
获取浏览器的名称
var browser=navigator.appName
获取浏览器的版本
var b_version=navigator.appVersion
进行对IE5.5 and IE6.0判断
if(b_version.indexOf("MSIE 6.0") != -1 || b_version.indexOf("MSIE 5.5") !
http://cyqdata.cn/cnblogs/article-detail-36173
仅IE6/7/8中添加同一个事件handler多次触发后会执行多次
如下
<div id="d1" style="width:200px;height:200px;background:gold;"></div>
<script>
function addEvent(el, type, fn){
if(el.addEventListener){
el.addEventListener(type, fn, false
http://cyqdata.cn/cnblogs/article-detail-36112
仅IE6/7/8下同一个类型事件的多个handler执行无序
如下,
<div id="d1" style="width:200px;height:200px;background:gold;"></div>
<script type="text/javascript">
function addEvent(el, type, fn){
if(el.addEventListener){
el.addEvent
http://cyqdata.cn/cnblogs/article-detail-36110
仅IE6/7/8中innerHTML返回值忽略英文空格
如下
<div id="user"> jack</div>
<script>
alert(document.getElementById('user').innerHTML.length);
</script>
div[id=user]中的文本"jack"前有两个英文空格,各浏览器下结果如下
IE6/7/8 : 弹出4,即忽略了空
http://cyqdata.cn/cnblogs/article-detail-36066
IE6下PNG图片无法实现透明的解决方案(非CSS,多图)
1.首先我们在PS中准备好范例中需要的图片素材
图片如下:
2.我们看看在IE6下改图是怎么呈现的.
3.解决方法是将图片以”索引颜色”模式保存起来
然后保存为*.png
4.查看最终结果
<html>
<head></head>
<body bgColor="#000">
<!-- This
http://cyqdata.cn/cnblogs/article-detail-36061
IE6下的PNG图片透明问题解决(a:hover)
不怕大家笑话,今天一下午竟鼓捣IE6下半透明图片的问题了。
简单方法是有,用滤镜,但我在Firefox下不能正常浏览,况且又耗资源,还不是WEB标准所提倡的,所以,弃之。
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1.png', sizingMethod='crop');
之后开始网上搜资料,试了
http://cyqdata.cn/cnblogs/article-detail-35873
辩驳一个默认的说法:IE6不支持!important
一:"!important"是什么?
第一个,是设置样式的优先级,设了!important的样式的属性优先于id选择器和class选择器。,比如id为"Main"的div在它的Class设背景色为红色,,id选择器下又设了背景色为蓝色,照css的"就近原则",
它的背景色应该是红色了,因为id选择器的优先级高于class选择器,但是,一旦class里设了"!important",哈哈
http://cyqdata.cn/cnblogs/article-detail-35802
IE6/7/8中使用innerHTML清空元素,其子元素也被清空
如下
<!DOCTYPE HTML>
<html>
<head>
<meta charset="gbk" />
<title>IE6/7/8中innerHTML "Bug"</title>
</head>
<body>
<div id
http://cyqdata.cn/cnblogs/article-detail-35744
IE6/7 and IE8/9(怪异模式)中form元素默认样式导致的bug
做邮箱首页时碰到的,如下
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>IE6/7下form元素默认样式导致的bug</title>
</head>
<body style="padding:0 400px;">
http://cyqdata.cn/cnblogs/article-detail-35419
IE6双空白边Bug
在IE6下(标准模式/怪异模式),如果一个元素向左浮动(float:left),且添加了向左空白边(margin-left:15px)。那么会自动的加一倍变成30px。如下
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>IE6双空白边Bug</t
http://cyqdata.cn/cnblogs/article-detail-32715
IE6/7 double padding-bottom Bug
如下
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>IE6/7 double padding-bottom Bug</title>
</head>
<body>
<div style="border:1px
http://cyqdata.cn/cnblogs/article-detail-32714
仅IE6/7/8下cssText返回值少了分号
如下
<!DOCTYPE html>
<html>
<head>
<title>IE6/7/8下cssText返回值少了分号</title>
</head>
<body>
<div style="color:red;">TEST</div>
<script>
var
http://cyqdata.cn/cnblogs/article-detail-32570
IE6 Bug大盘点,看看你都遇到过哪些【更新中】
说起IE6,就像过街老鼠,人人喊打,不少搞网站的朋友吃足了他的苦头。而且IE6的市场在未来一段时间还是比较大,我们不能完全无视他,没办法,所以只能找各种方法去解决由他bug引起的问题。
这几天我特意在网络上找了一下,发现前人已经有总结过,于是我又把一个个bug拿出来重新整理了一下,把每一个bug产生的效果图、实际的代码以及相应的解决方案都整理成博客文章发布到我的个人博客上去,方便大家搜寻。由于bu
http://cyqdata.cn/cnblogs/article-detail-32454
IE6下著名的z-index bug
abcc项目实现这样一个功能:点击“上载查询”,弹出一个绝对定位的div(类似qq文件中转站的“上传文件”按钮),里面有上传按钮等,点击后div在最上层。即z-index为最大。在firefox下表现良好,在IE6下无论如何也盖不住select。墨墨说是IE下一个著名的bug,解决方法用一个iframe包住select。以下是一个测试的静态html,
http://cyqdata.cn/cnblogs/article-detail-31619