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";
    }
    }
    }
    }

  • 相关阅读:
    vue 学习
    vue如何新建一个项目
    Java入门之流程控制语句
    Java 入门之数据类型转换、运算符、方法
    Java 入门 常量,变量
    Java 开发工具IntelliJ IDEA
    Java 前言&开发环境搭建
    Java 学习
    装饰器模式
    springcloud 的学习(五) 路由网关
  • 原文地址:https://www.cnblogs.com/pansly/p/2051319.html
Copyright © 2011-2022 走看看