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中是不支持的,需要加上 下面这句话:
在iframe 上 加 allowTransparency="true" 就可以
火狐浏览器: @-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>
此外这种效果不能用ietester中的ie6测试,因为ietester的ie6这样写也是不透明的,但是实际上ie6中已经显示正常了。
3、 iframe在大部分浏览器中是没有背景的,但是IE中默认是有一个白色的背景色, 将iframe中的allowTransparent属性设置为true,即可。
在iframe 上 加 allowTransparency="true" 就可以