浏览器兼容性测试方案_常见浏览器兼容性问题_多浏览器兼容测试策略(19)

ff浏览器不支持

解决：

li{width:200px;white-space:nowrap;text-overflow:ellipsis;

-o-text-overflow:ellipsis; overflow: hidden; }

33. 超链接访问过后hover样式不出现的问题

问题：

点击超链接后，hover、active样式没有效果

解决：

改变CSS属性的排列顺序: L-V-H-A

34. 禁用中文输入法的问题

问题：

不能在输入框中输入汉字

解决：

只在ie系列 和ff中有效

ime-mode:disabled (但可以粘贴)

禁用粘贴：

onpaste="return false"

35. 除去滚动条的问题

问题：

隐藏滚动条

解决：

1、只有ie6-7支持<bodyscroll="no">

2、除ie6-7不支持 body{overflow:hidden}

3、所有浏览器 html{overflow:hidden}

36. 让层显示在FLASH之上

问题：

想让层的内容显示在flash上

解决：

把FLASH设置透明

1、<param name=" wmode "value="transparent" />

2、<param name="wmode"value="opaque"/>

37. 去除链接虚线边框的问题

问题：

当点击超链接后，ie6/7/8 ff会出现虚线边框 ,而opera、safari没有虚线边框

解决：

ie6/7中 设置为a { blr:expression(this.onFocus=this.blur()) }

ie8 和 ff 都不支持expression 在ie8 、ff中设置为:focus { outline: none; }

38. css滤镜的问题

问题：

css滤镜只在ie中有效，Firefox, Safari(WebKit), Opera只能够设置透明，它们不支持滤镜filter，无法实现图片切换中间变换的效果，只能通过透明度来设置。

解决：

ff中设置透明度 -moz-opacity:0.10;opacity:0.6;

ie中只设置filter:alpha(opacity=50); 时，ie6-7失效，还要设置

1、zoom:1; 2、width:100%;

39. IE6背景闪烁的问题

问题：

链接、按钮用CSSsprites作为背景，在ie6下会有背景图闪烁的现象。原因是:IE6没有将背景图缓存，每次触发hover的时候都会重新加载

解决：

可以用JavaScript设置ie6缓存这些图片：

document.execCommand("BackgroundImageCache",false,true);

40. 出现重复文字的问题

问题：

<div style="width:400px">

<divstyle="float:left"></div>

<!– _ –>

<div style="float:right;width:400px">↓这就是多出来的那只猪</div>

</div>

解决：

1、 改变结构，不出现【一个容器包含2两个具有“float”样式的子容器】的结构。

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/jisuanjixue/article-39333-19.html