解決ie6中png圖片格式不兼容問題

妤鋒シ發布于2019-04-23 13:12 / 2913人閱讀

摘要：在中對圖片格式支持度不高，如果使用的圖片格式是，則會導致透明效果無法正常顯示解決方法可以使用來代替，即可解決問題，但是使用代替以后，圖片的清晰圖會有所下降使用來解決該問題，需要向頁面中引入一個外部的文件，然后在寫一下簡單的代碼，來處理該問題

在IE6中對圖片格式png24支持度不高，如果使用的圖片格式是png24，則會導致透明效果無法正常顯示

解決方法：

　　1.可以使用png8來代替png24，即可解決問題，但是使用png8代替png24以后，圖片的清晰圖會有所下降

　　2.使用JavaScript來解決該問題，需要向頁面中引入一個外部的JavaScript文件，然后在寫一下簡單的JS代碼，來處理該問題

　　　　js代碼地址：https://pan.baidu.com/s/1zwHv9VT0rJlVC1YtJaLWTw

例子：

<html>
    <head>
        <meta charset="UTF-8">
        <title>title>
        <style type="text/css">
            
            .box1{
                width: 200px;
                height: 200px;
                background-image: url(img/3.png);
                background-repeat: no-repeat;
            }
            .box2{
                width: 200px;
                height: 200px;
                background-image: url(img/4.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"/>
        
        
        <script type="text/javascript" src="js/DD_belatedPNG_0.0.8a-min.js">script>
        
        <script type="text/javascript">
            DD_belatedPNG.fix("*");
        script>
    body>
html>

特此聲明：如需轉載請注明出處，如有疑問請及時提出以便于改正，如有侵權，聯系刪除，謝謝

GPU云服務器云服務器解決ie6不兼容 html圖片兼容問題如何解決兼容問題?Win11僅支持1個I IE6兼容

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/1563.html

前端面試寶典

摘要：優雅降級觀點優雅降級觀點認為應該針對那些最高級最完善的瀏覽器來設計網站。面試官希望聽到是。在前端構建中應該考慮微格式嗎微格式是一種讓機器可讀的語義化詞匯的集合，是結構化數據的開放標準。一、HTML和CSS 你做的頁面在哪些流覽器測試過？這些瀏覽器的內核分別是什么?IE: trident內核Firefox：gecko內核Safari:webkit內核Opera:以前是presto內核...

ChanceWong 2019-08-29 12:31 評論0 收藏0
前端面試寶典

摘要：優雅降級觀點優雅降級觀點認為應該針對那些最高級最完善的瀏覽器來設計網站。面試官希望聽到是。在前端構建中應該考慮微格式嗎微格式是一種讓機器可讀的語義化詞匯的集合，是結構化數據的開放標準。一、HTML和CSS 你做的頁面在哪些流覽器測試過？這些瀏覽器的內核分別是什么?IE: trident內核Firefox：gecko內核Safari:webkit內核Opera:以前是presto內核...

paulli3 2019-08-22 11:03 評論0 收藏0
前端面試寶典

摘要：優雅降級觀點優雅降級觀點認為應該針對那些最高級最完善的瀏覽器來設計網站。面試官希望聽到是。在前端構建中應該考慮微格式嗎微格式是一種讓機器可讀的語義化詞匯的集合，是結構化數據的開放標準。一、HTML和CSS 你做的頁面在哪些流覽器測試過？這些瀏覽器的內核分別是什么?IE: trident內核Firefox：gecko內核Safari:webkit內核Opera:以前是presto內核...

ad6623 2019-08-01 16:46 評論0 收藏0
主流CSS image比較

摘要：如何來對這些圖片做優化呢本文簡單的梳理了一下目前幾種比較常用的使用方式。下文未對性能問題做真實的測試，請保持一顆好奇的心，并告訴我們這是目前使用比較多的方式。也是我個人認為相對最優的一種解決方式。采用用來顯示也不失為一種好辦法。在還原設計圖的時候，難免會碰到一些樣式圖片的引用。如何來對這些圖片做優化呢？本文簡單的梳理了一下目前幾種比較常用的使用方式。注： 1. 有更好的方法的話，歡...

iflove 2019-08-28 17:58 評論0 收藏0