zoukankan      html  css  js  c++  java
  • png 透明的那些事

    常用的

    DD_belatedPNG

    0.0.8a.js (未压缩版本)  0.0.8a-min.js (压缩版)

    <!–[if IE 6]>
    <script type=”text/javascript” src=”下载下来的JS路径”></script>
    <script>
    DD_belatedPNG.fix(‘CSS选择器, 应用类型’);
    </script>
    <![endif]–>

    引用函数是 DD_belatedPNG.fix() , 括号里分别填写应用PNG的CSS选择器(可使用ID选择器和类选择器)和应用类型(分为img和background两种)。

    如DD_belatedPNG.fix(‘#box-one, img’) 或者 DD_belatedPNG.fix(‘.header, background’) 等。

    这些可以简写成 DD_belatedPNG.fix(‘#box-one, .header, img,background’);  。

    更多选择器的如 DD_belatedPNG.fix(‘#box-one, .header,#footer,.box-two a:hover, img,background’);  等等。

    另外,为解决IE6下背景图闪烁,可以在页面中添加如下脚本

    <!–[if IE 6]>
    <script type=”text/javascript”>
    // <![CDATA[
    if((window.navigator.appName.toUpperCase().indexOf("MICROSOFT")>=0)&&(document.execCommand))
    try{
    document.execCommand(
    "BackgroundImageCache"falsetrue);
    }
    catch(e){}
    // ]]>
    </script>
    <![endif]–>

    适用于png透明少的时候并且图片做背景的时候。

    .first { width:400px; margin:0 auto; height:300px; background:url(images/bg1.png); }
    * html .first 
    { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/bg1.png"); background:none; }



     

  • 相关阅读:
    Flink批处理读取Hive写入MySql
    数组与链表的优缺点
    Flink任务暂停重启
    Flink优化总结
    Flink集群监控
    flink连接器-流处理-读写redis
    Flink连接器-批处理-读写Hbase
    flink on yarn
    java的常量定界符
    特殊注释的使用
  • 原文地址:https://www.cnblogs.com/wuye1200/p/2037751.html
Copyright © 2011-2022 走看看