浏览器兼容
iteye_6992
这个作者很懒,什么都没留下…
展开
-
获取IE浏览器的版本号
//获取IE浏览器的版本号//返回数值,显示IE的主版本号function getIEVer() { var ua = navigator.userAgent; //获取用户端信息 var b = ua.indexOf("MSIE "); //检测特殊字符串"MSIE "的位置 if (b < 0) { return 0; } ...原创 2013-06-21 11:15:25 · 191 阅读 · 0 评论 -
ie兼容 New Date()内有参数
//NewDate函数用于解决ie浏览器,不支持new Date()里面有参数 function NewDate(str) { str = str.split('-'); var date = new Date(); date.setUTCFullYear(str[0], str[1] - 1, str[2]); ...原创 2013-08-02 16:09:32 · 133 阅读 · 0 评论 -
IE兼容-z-index
今天在做页面的时候,发现要显示的元素在ie6,7中一直位于其他元素的下面(图片元素特别明显),该元素已经设置position:absolute;z-index:9999;其父元素也设置了position:relative;z-index:9998; 显示效果如下左。 后经学习发现ie6,ie7有同样的bug,虽然父级元素设置了z-index属性,但父级的父级元素未设置z-in...2013-03-06 21:45:06 · 129 阅读 · 0 评论 -
IE兼容-绝对定位
ie6,ie7在进行绝对定位时,必须同时设置left(right)和top(bottom)值。代码如下: <style>*{ margin:0; padding:0;}div{ width:166px; height:122px; border:1px solid #000; position:relative;}p{ position:absolute; bot...2013-03-07 10:31:30 · 958 阅读 · 0 评论 -
IE兼容-line-height
在ie6下,当元素设置了height值和line-height值时,元素的实际高度按两者中大的那个来定的。而在其他浏览器中元素的高度只与height值有关,line-height的值只会影响元素中内容如文字在元素中的位置。 示例代码如下: <style> div{ height:30px; line-height:40px; width:40px; bord...2013-03-07 22:15:21 · 305 阅读 · 0 评论 -
IE兼容-div默认高度bug
IE6下默认的字体大小至少是12px;当你设置的div的高度小于这个值时,IE6会自动调节它默认的高度。要解决这个问题,可以在设置div高度的同时,设置字体的大小,也可以通过设置overflow:hidden来使div的高度显示为设定的值;示例代码如下: <style>div{ width:300px; height:2px; background-color:#000; ...2013-03-08 10:17:48 · 112 阅读 · 0 评论 -
IE兼容-模拟IE6、7的float:right属性
在网页中有很多左右结构的标题,在一行的左边是“标题”,右边则是“更多”,在IE6,7中,如果处理不当则会出现右边的文字“更多”出现在下一行。究其原因是float:right的问题。下面是几种解决方法,可根据情况来选择,当然也可以有其他更好的办法。1:使一行中的元素全部浮动起来,如在这里,我们可以让第一个span元素增加float:left属性。2:用绝对定位代替浮动,如在这里,让div元素获得...2013-03-09 09:42:13 · 113 阅读 · 0 评论 -
IE兼容-模拟IE6的position:fixed属性
IE6不支持position:fixed属性,查找发现有几种方法可以实现该属性,但因为对js较熟悉,就用position:absolute和js来模拟ie6的fixed属性。示例代码如下:<style>*{ margin:0; padding:0;}#div1{ position:relative; width:200px; height:200px; backgroun...2013-03-12 10:42:56 · 75 阅读 · 0 评论 -
IE兼容-png图片
IE6不支持png格式的透明图片,网上有很多修复此bug的方法,个人感觉IE滤镜方法最为简单。实例代码如下:<style>div{ width:900px; height:400px; position:relative;}#div2{ position:absolute; left:0; top:0; background-image: url(2.png)!imp...2013-03-13 11:19:36 · 153 阅读 · 0 评论