IE与fox好多不兼容的问题 div+css学习笔记( 二 ) _云知道

style=table-layout:fixed;word-wrap: break-word （当它是英文的时候就不能正常换行了）
9.目前FF2.0为止都不支持IE的name锚点
像这种写法都是不支持的：a href=https://www.rkxy.com.cn/dnjc/### onclick=history.go(-1)go back/a
原来根据W3C的语法，a标签始终都会查找href地址并跳转过去，现在onclick事件与###这个地址又有冲突。
为了让Firefox与IE部分元素属性兼容，那个费劲，我无意中发现Firefox对空格敏感：
a onclick=window.location.href =https://www.rkxy.com.cn/dnjc/’faq.php?page=messages#2’ //有空格，锚点作用
a onclick=window.location.href=https://www.rkxy.com.cn/dnjc/’faq.php?page=messages#2’ //无空格，锚点无作用
锚点的写法又十分讲究，比如a name=#1，Firefox不支持锚点，得加上id=#1
静态同页面引用时必须这样写：a href=https://www.rkxy.com.cn/dnjc/#1/a，a href=static.html#1/a就不行，动态页面要用JS
后遗症来了，考虑到鼠标样式和浏览器兼容又开始折腾：
a href=https://www.rkxy.com.cn/dnjc/### onclick= //不兼容
a href=javascript:; onclick= //不兼容
a href=javascript:function(); //没有{...},属于脚本的非法书写
a style=cursor:hand onclick= //没照顾到自定义系统鼠标样式的用户
a href=javascript:onclick=’’ //状态栏会显现，href有多长显示多长
a href=https://www.rkxy.com.cn/dnjc/# onclick= //我用的
10.ff火狐下面不支持document.all属性的，必需用document.getElementById(’idName’);
以下是我的动画切换效果，在ie下正常，到了火狐里面就不动了，修改后可以切换图片但渐隐渐现的效果就没有了。原因是火狐不支持滤镜filter,只好用半透明的div来实现了。
/*
company page
*/
function playcompanyimg()
{
window.setInterval(’changecompanyimg();’, interval);
}
function changecompanyimg()
{
/*
火狐下面不支持document.all属性的，必需用document.getElementById(’idName’);
*/
//if (document.all)
//{
/**
以下两句是在切换效果前切换背景图片的代码，number、image和idtemp要设置全局变量才可以
*/
number = Math.floor(Math.random() * image.length);
idtemp.src=https://www.rkxy.com.cn/dnjc/image[number];
//alert(numberiiidtemp.src)
/**
以下两句是实现幻灯片切换效果的
*/
//alert(do_transition);
//document.all.companyimg.style.filter=progid:DXImageTransform.Microsoft.Fade(duration=2,overlap=0.4);
/*
document.all.companyimg.style.filter=progid:DXImageTransform.Microsoft.Fade(duration=1,overlap=1);
document.all.companyimg.filters[0].Apply();
document.all.companyimg.filters[0].Play();
*/
var companyimgidtmep = document.getElementById(’companyimg’);
companyimgidtmep.style.filter=progid:DXImageTransform.Microsoft.Fade(duration=1,overlap=1);
companyimgidtmep.filters[0].Apply();
companyimgidtmep.filters[0].Play();
//}
}
参考资料：核心：FILTER:revealTrans(duration=1,transition=23); 一个IE滤镜，
在其它的非IE浏览器虽然不支持这个滤镜，但是支持透明滤镜的，你可以分一下，IE下继续使用你这个效果，而在非IE浏览器下用透明滤镜：
style.opacity
opacity = 0.5 CSS3
style.MozOpacity
-moz-opacity: 0.5 Mozilla 里等同上面这个滤镜这个滤镜也适用于Netscape
style.KHTMLOpacity
-khtml-opacity: 0.5 Safari 里的透明滤镜。
IE：
obj.filters.alpha.opacity
to meizz(梅花雪)
其实我想过你那个问题的。但是透明 opacity 这个他不是一个渐变的过程。
一般这种图片过度特效最多持续一秒把，最多最多两秒 duration=2
超过2秒就很累赘，喧宾夺主了。
在2秒钟里面实现
g_img.style.filter=alpha(opacity= i ) 透明度的变化是比较累赘的事情。
要用 window.setInterval 改变 i 的值，而且还要调用几十上百次window.setInterval

IE与fox好多不兼容的问题 div+css学习笔记( 二 )

推荐阅读

电子合同怎么写

因法之名许子蒙的结局因法之名许子蒙被放出来了吗

垃圾分类宣传语

客厅摆放镜子的禁忌介绍

通过商标转让来购买商标的注意事项

奶油生菜生长周期多少天奶油生菜的生长期是多少天

马自达cx-7进口价格多少钱?

手机qq音乐能倍速吗

电影院不同的厅有什么不同电影院激光厅和巨幕厅哪个好

打道回府啥意思

目前性价比高的手机推荐,性价比高手机推荐

衣鱼虫会爬到人身上吗

微信关闭视频号更新提醒在哪里。

全册近义词和反义词汇总惆怅的反义词是什么

小编分享掌上英雄联盟查看注册时间的基础操作。

上海冬天天气最低多少度，上海的天气冬天一般最低会是几度