码迷,mamicode.com
首页 > 其他好文 > 详细

初次接触ie 兼容性

时间:2015-07-26 22:30:47      阅读:171      评论:0      收藏:0      [点我收藏+]

标签:

  网页在加载的时候,因为浏览器不同,会造成网页显示的效果不统一的情况。

兼容的问题主要存在与IE浏览器 以ie6、7、8为主

通常情况下可以用hack法来解决;

这之中会用到些符号:

\0:ie中只有ie8能之别

\9:ie6、7、8都识别

*:ie、6、7能识别

_:只能ie6识别

*+html.bb{}:只能IE7识别  (bb表示样式名)

发现的一些问题:在ie6、7、8中 border-radios画圆角的样式都不能用

ie6只有在a标签中才有伪类效果

ie6、7 的button标签好像不能设置背景 (我是用DIV做成按钮样子,然后让鼠标一上去时变成手指)

ie6、7中 用不了display:table (ul中的li标签 老老实实用float来解决。。。)

ie6中每个div(其中一个例子)会默认有间距,经常就需要为ie6单独改下位置

ul中的圆点在 谷歌浏览器中 不能随着内容文字的位置变动而动,只有用list-style-postion来移动,(在其他浏览器中就不用)



 1.不同浏览器的标签默认的外补丁和内补丁不同。

   处理方法:

        *{
         margin:0;
         padding:0;

         }
  2、当设置两个div标签浮动后,出现了横向的margin,ie6显示的比设置的大。
     
          处理方法:

        display:inline;


 3、设置标签高度小于10px,ie6/ie7,会显示本身浏览器的最小高度为10px;

          处理方法:

        overflow:hidden;


4、透明度的设置:

   IE:    
         filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60)

   ff:       
         opacity:0.5;

 

初次接触ie 兼容性

标签:

原文地址:http://www.cnblogs.com/bellow/p/4678721.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!