整理上个项目中css+div兼容性遇到的问题
来源:互联网 发布:系统数据流程图例题 编辑:程序博客网 时间:2024/06/07 20:24
首先就是恶心我最久的PNG透明
div.menulogo //前面的DIV一定要加上,这里最容易被忽略,但这里真的很关键
{
float:left; width:300px; background-position:top center; height:245px;
background-image:url(../images/stLOGO.png)!important;background:none; //针对IE6外其它浏览器,!important
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/stLOGO.png',sizingMethod='image'); //IE滤镜,不解释
}
紧接着就会遇到,在png透明图片的背景上a标签失效的问题,解决方法如下
方法1.在连接上的a的样式里面加上position:relative;这里得注意个问题。在这个设置position:relative;
父块不能设置有position:absolute,不然失效
方法2.运用副边距,将a标签叠加到透明的背景上,(Ie8不支持)
兼容的最小(最大)宽度(高度)
IE6没有min-wight
img{width:expression(this.offsetParent.clientWidth>650?"650px":"auto"); max-width:600px; }
//-->翻译:"宽度:表达式(如果这个元素对象的宽度大于650像素则为650像素,否则为自动)
兼容的透明效果
background-color:#Ff0;filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;
兼容的css自动换行样式
pre {
white-space:pre-wrap;/*css-3*/
white-space:-moz-pre-wrap;/*Mozilla,since1999*/
white-space:-pre-wrap;/*Opera4-6*/
white-space:-o-pre-wrap;/*Opera7*/
word-wrap:break-word;/*InternetExplorer5.5+*/
}
IE6 下 a:hover 的 BUG
IE6的bug就是如果a 与 a:hover 的css定义是一样的,也就是说如果a:hover 中没有样式的改变,hover就不会被触发。
解决方案,本别再a,a:hover下添加不同属性
a{boder:none;}
a:hover{padding:0px;}
//表面看着完全无意义的属性,就是兼容性
IE下li产生间距的BUG
li设置样式: vertical-align: bottom;
//强送解决......
div内的image或FLASH,div在火狐会比IE的高
在高的DIV加样式: vertical-align:top;
FileUpload的宽度
<asp:FileUpload ID="FileUpload1" size="60" runat="server" Width="90%" />
考虑到FileUpload控件与Button最终都生成(Render)HTML中的Input元素,可以使用样式表直接设定input元素的 height值,即可让ASP.NET Button的高度与FileUpload控件的高度一致。
//size设置火狐的宽度,width设置IE的宽度
如果有更好的方法请留言,谢谢
DIV浮动后,FF下没有margin-top
添加此属性:display:inline-block;
希望各位有更好的方法或建议请留言~
写的乱七八糟~以后一定要一边做一边记录,趁着还没忘光赶紧的记录下
- 整理上个项目中css+div兼容性遇到的问题
- div+css通用兼容性代码整理
- 上个项目中一点小问题
- div+css中常见的浏览器兼容性处理
- 项目中遇到的问题及错误整理
- 项目中曾经遇到过的问题整理
- css遇到的居中问题整理
- 整理CSS中遇到的一些常见问题
- 【VSTO】Office开发中遇到的兼容性检查问题
- VB.NET 开发中遇到的兼容性检查问题
- 浏览器兼容性改造过程中遇到的问题
- DIV+CSS开发浏览器的兼容性
- div+css之浏览器间的兼容性
- DIV+CSS开发浏览器的兼容性
- DIV+CSS开发浏览器的兼容性
- DIV+CSS开发浏览器的兼容性
- DIV+CSS开发浏览器的兼容性
- 如何做好div+css的浏览器兼容性
- STL中map用法详解
- Jrun配置jdk1.5问题解决方案
- zz html DOM 中 document 和window的区别
- 学习asp.net的流程
- 词汇多样性
- 整理上个项目中css+div兼容性遇到的问题
- 用nano-X 画个窗口,黑的彻底 " -"
- 变量命名规范
- 几个测试的基本概念
- gcc生成静态库和动态库
- css+div的一些基础知识
- [采写手记]南方人物周刊:南平事件采写手记
- 免费的删除文档中的VBA程序的工具及源码
- epoll相关资料整理