浏览器兼容

来源:互联网 发布:淘宝店铺提高流量 编辑:程序博客网 时间:2024/06/07 02:47
1、单独对浏览器写样式:
火狐浏览器:@-moz-document url-prefix() { .selector { property: value; } }

谷歌浏览器:
@media screen and (-webkit-min-device-pixel-ratio:0){ p{color:#fff;}/*样式*/ }

ie专用: height:100px\9;
ie6专用:_height:100px;
ie6、ie7专用:*height:100px;
ie7专用:*+height:100px;
ie8专用:height:100\0;

padding:5px 6px 7px; 上5 下7 左右6

2、半透明部分设置样式:opacity:0.7在ie9/ie10/ff/chrome/opera/safari显示正常,是图上的效果。但是这样在ie6-ie8中是不支持的,需要加上下面这句话:
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
此外这种效果不能用ietester中的ie6测试,因为ietester的ie6这样写也是不透明的,但是实际上ie6中已经显示正常了。

 3、
iframe在大部分浏览器中是没有背景的,但是IE中默认是有一个白色的背景色,将iframe中的allowTransparent属性设置为true,即可。
<IFRAME ID="Frame1" SRC="transparentBody.htm" allowTransparency="true"></IFRAME>
在iframe 上 加 allowTransparency="true" 就可以