IE6——png圖片的修復

1.在IE6中對圖片格式png24支持度不高,如果使用的圖片格式是png24,則會導致透明效果無法正常顯示
2.解決方法:
1.可以使用png8來代替png24(直接利用ps修改圖片格式;文件目錄下的-存儲爲web所用格式),即可解決問題,但是使用png8代替png24以後,圖片的清晰圖會有所下降;

2.使用JavaScript來解決該問題,需要向頁面中引入一個外部的JavaScript文件,然後在寫一下簡單的JS代碼,來處理該問題
3.
在body標籤的最後引入外部的JS文件
再創建一個新的script標籤,並且編寫一些js代碼

以下代碼只會在IE6中執行,其他瀏覽器中無效
[if IE 6]>

<![endif]
4.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ie6png的修復</title>
    <style type="text/css">
        .box1{
            width: 200px;
            height: 200px;
            background-image: url(img/3_1.png);
            background-repeat: no-repeat;
        }
        .box2{
            width: 200px;
            height: 200px;
            background-image: url(img/3.png);
            background-repeat: no-repeat;
        }
    </style>
</head>
<body style="background-color: #bfa;">
 
    <div class="box1"></div>
    <div class="box2"></div>
    <img src="img/3.png" alt="大臉貓">

    <!-- 在body標籤的最後引入外部的JS文件 -->
    <!--再創建一個新的script標籤,並且編寫一些js代碼 -->

    <!-- 以下代碼只會在IE6中執行,其他瀏覽器中無效 -->
    <!--[if IE 6]>
        <script type="text/javascript" src="js/DD_belatedPNG_0.0.8a-min.js"></script>(DD_belatedPNG_0.0.8a-min.js百度下載
        <script type="text/javascript">
            DD_belatedPNG.fix("div,img");(DD_belatedPNG爲一個對象,fix方法的參數爲選擇器,即需要修復的元素)
        </script>
    <![endif]-->
</body>
</html>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章