浏览器兼容
来源:互联网 发布:淘宝店铺提高流量 编辑:程序博客网 时间: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中是不支持的,需要加上下面这句话:
在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" 就可以
阅读全文
0 0
- 浏览器兼容
- 浏览器兼容
- 浏览器兼容
- 浏览器兼容
- 浏览器兼容
- 浏览器兼容
- 浏览器兼容
- 浏览器兼容
- 浏览器兼容
- 浏览器兼容
- 浏览器兼容
- 浏览器兼容
- 浏览器兼容
- 浏览器兼容
- 浏览器兼容
- 浏览器兼容
- 浏览器兼容
- 浏览器兼容
- Linux各个目录的作用及内容
- java编程思想学习笔记(第七章:复用类)
- tp3.2中excel表格数据导入数据库
- C#读写EXCEL源码提示“office检测到此文件存在一个问题。为帮助保护您的计算机,不能打开此文件。 ”的解决
- tesseract train python_file
- 浏览器兼容
- 聊聊RESTful
- linux+cmake+opencv+运行
- android 资源uri
- SSH不能连接并提示REMOTE HOST IDENTIFICATION HAS CHANGED解决(mac)
- CSS设置输入框默认文字颜色(webkit-input-placeholder等)
- android 对话框样式
- Python下定义一个函数来显示相应的进度条
- HTML学习笔记