zoukankan      html  css  js  c++  java
  • 关于浏览器兼容性3个问题

    1、关于IE6下某明奇妙的空白问题,解决方法可以 在其中添加样式 font-size:0px;

    2、解决浮动后div背景不能自动延伸,IE下解决方法:样式里添加: zoom:1;overflow:auto!  FF下解决方法: 使用伪类:

    .sea_li:after{content:".";height:0;visibility:hidden; display:block;clear:both; }

    3、解决IE6下png gif 透明背景变灰问题 :

        1.可以用滤镜来解决

        2.将png图保存为png-8 格式的。 

        3. 可以添加如下js文件: <script type="text/javascript" src="js/png.js"></script>

    但两种方法都不能用 css sprite 了,各位大侠是否用更好的方法呢,欢迎共享.

    //解决透明背景IE6下显示不正常问题.....
    if (navigator.platform == "Win32" && navigator.appName == "Microsoft Internet Explorer" && window.attachEvent) {
    window.attachEvent("onload", enableAlphaImages);
    }

    function enableAlphaImages(){
    var rslt = navigator.appVersion.match(/MSIE (\d+\.\d+)/, '');
    var itsAllGood = (rslt != null && Number(rslt[1]) >= 5.5);
    if (itsAllGood) {
    for (var i=0; i<document.all.length; i++){
    var obj = document.all[i];
    var bg = obj.currentStyle.backgroundImage;
    var img = document.images[i];
    if (bg && bg.match(/\.png/i) != null) {
    var img = bg.substring(5,bg.length-2);
    var offset = obj.style["background-position"];
    obj.style.filter =
    "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+img+"', sizingMethod='crop')";
    obj.style.backgroundImage = "url('http://www.zhangxinxu.com/study/image/pixel.gif')";
    obj.style["background-position"] = offset;
    } else if (img && img.src.match(/\.png$/i) != null) {
    var src = img.src;
    img.style.width = img.width + "px";
    img.style.height = img.height + "px";
    img.style.filter =
    "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+src+"', sizingMethod='crop')"
    img.src = "http://www.zhangxinxu.com/study/image/pixel.gif";
    }
    }
    }
    }

  • 相关阅读:
    linux上配置apache实现二级域名访问目录
    C++数组的使用
    linux 上安装C++编译环境
    qt下qmake:提示could not exec '/usr/lib/x86_64-linux-gnu/qt4/bin/qmake': No such file or directory
    Qt4.8.5移植
    oracle使用已有vid快速新建虚拟机
    各种编程语言鸡汤网站
    linux下 git使用小记下
    CodeForces-650B Image Preview 二分+模拟
    HDU-6351 Beautiful Now 全排列暴力
  • 原文地址:https://www.cnblogs.com/pansly/p/2051319.html
Copyright © 2011-2022 走看看