遇到的兼容问题及解决方法
一些常见的兼容问题
1. 当一些页面在ie7以上可以显示正常,在ie6下出现排版乱,左右不齐时 先检查每一个div所对应的是否正确,有没有漏写或者是多写,
修改以后如果还有乱版,继续检查左右浮动是否一致,必要时要清除浮动, 再一个就是设置的宽高问题,以及margin问题,有时候错1px就会出现排版乱,所以在做网页的时候要仔细认真,仔细查看自己的代码,把基本的错误找出来并改正,兼容问题基本就解决了一大半,
2. 对于背景图在ie6下不显示的问题:
第一, 可能是图片所放的那个div层的宽高度(这个必须要设置)设置的比图片小,
就会显示不出来
第二, 也有可能是图片后面没有设置位置,也有可能显示不出来,
3. 背景图也可以居中:background-position:center;
4. 遇见需要用展示的效果时,可以用ul li, 一个内容里的东西多,而且需要两边都要靠边的,就用div吧 ,还是挺好用的,但是如果考虑到后台循环的话,还是用一个ul 这样的话方便后台人员往里面加东西,
5. *:focus {outline: none} 这个是消除输入框边上的黄线,如果想单独去掉某个输入框,就加个类,eg: .abc:focus{ outline:none }
6. 设置半透明的效果
filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6
实现DIV半透明实例演示
7. 关于在IE9下字体无效不居中的问题
1,将中文字体汉字转换为Unicode编码
“黑体”对应Unicode编码为“\9ED1\4F53”
“宋体”对应Unicode编码为“\5B8B\4F53”
“仿宋”对应Unicode编码为“\4EFF\5B8B”
“微软雅黑”对应Unicode编码为“\5FAE\8F6F\96C5\9ED1”
将汉字转换为Unicode编码的字符,即成功设置相应字体,又兼容IE9浏览器支持垂直居中line-height样式。
2、将中文字体汉字使用英文名
将CSS+DIV布局中CSS设置中文字体汉字转换对应英文名字体,转换后设置中文字体效果不变,并兼容各大浏览器。
“黑体”对应英文名为“SimHei”
“宋体”对应英文名为“SimSun”
“仿宋”对应英文名为“FangSong”
“微软雅黑”对应英文名为“Microsoft YaHei”
8. 关于IE6不支持:hover的解决方法:引入下面这个属性就可以了,但是要有这个文
件,而且路径要对