摘要:在中對(duì)圖片格式支持度不高,如果使用的圖片格式是,則會(huì)導(dǎo)致透明效果無(wú)法正常顯示解決方法可以使用來(lái)代替,即可解決問(wèn)題,但是使用代替以后,圖片的清晰圖會(huì)有所下降使用來(lái)解決該問(wèn)題,需要向頁(yè)面中引入一個(gè)外部的文件,然后在寫一下簡(jiǎn)單的代碼,來(lái)處理該問(wèn)題
在IE6中對(duì)圖片格式png24支持度不高,如果使用的圖片格式是png24,則會(huì)導(dǎo)致透明效果無(wú)法正常顯示
解決方法:
1.可以使用png8來(lái)代替png24,即可解決問(wèn)題,但是使用png8代替png24以后,圖片的清晰圖會(huì)有所下降
2.使用JavaScript來(lái)解決該問(wèn)題,需要向頁(yè)面中引入一個(gè)外部的JavaScript文件,然后在寫一下簡(jiǎn)單的JS代碼,來(lái)處理該問(wèn)題
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>
?
?
?
?
?
特此聲明:如需轉(zhuǎn)載請(qǐng)注明出處,如有疑問(wèn)請(qǐng)及時(shí)提出以便于改正,如有侵權(quán),聯(lián)系刪除,謝謝
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://www.ezyhdfw.cn/yun/1563.html
摘要:優(yōu)雅降級(jí)觀點(diǎn)優(yōu)雅降級(jí)觀點(diǎn)認(rèn)為應(yīng)該針對(duì)那些最高級(jí)最完善的瀏覽器來(lái)設(shè)計(jì)網(wǎng)站。面試官希望聽(tīng)到是。在前端構(gòu)建中應(yīng)該考慮微格式嗎微格式是一種讓機(jī)器可讀的語(yǔ)義化詞匯的集合,是結(jié)構(gòu)化數(shù)據(jù)的開(kāi)放標(biāo)準(zhǔn)。 一、HTML和CSS 你做的頁(yè)面在哪些流覽器測(cè)試過(guò)?這些瀏覽器的內(nèi)核分別是什么?IE: trident內(nèi)核Firefox:gecko內(nèi)核Safari:webkit內(nèi)核Opera:以前是presto內(nèi)核...
摘要:優(yōu)雅降級(jí)觀點(diǎn)優(yōu)雅降級(jí)觀點(diǎn)認(rèn)為應(yīng)該針對(duì)那些最高級(jí)最完善的瀏覽器來(lái)設(shè)計(jì)網(wǎng)站。面試官希望聽(tīng)到是。在前端構(gòu)建中應(yīng)該考慮微格式嗎微格式是一種讓機(jī)器可讀的語(yǔ)義化詞匯的集合,是結(jié)構(gòu)化數(shù)據(jù)的開(kāi)放標(biāo)準(zhǔn)。 一、HTML和CSS 你做的頁(yè)面在哪些流覽器測(cè)試過(guò)?這些瀏覽器的內(nèi)核分別是什么?IE: trident內(nèi)核Firefox:gecko內(nèi)核Safari:webkit內(nèi)核Opera:以前是presto內(nèi)核...
摘要:優(yōu)雅降級(jí)觀點(diǎn)優(yōu)雅降級(jí)觀點(diǎn)認(rèn)為應(yīng)該針對(duì)那些最高級(jí)最完善的瀏覽器來(lái)設(shè)計(jì)網(wǎng)站。面試官希望聽(tīng)到是。在前端構(gòu)建中應(yīng)該考慮微格式嗎微格式是一種讓機(jī)器可讀的語(yǔ)義化詞匯的集合,是結(jié)構(gòu)化數(shù)據(jù)的開(kāi)放標(biāo)準(zhǔn)。 一、HTML和CSS 你做的頁(yè)面在哪些流覽器測(cè)試過(guò)?這些瀏覽器的內(nèi)核分別是什么?IE: trident內(nèi)核Firefox:gecko內(nèi)核Safari:webkit內(nèi)核Opera:以前是presto內(nèi)核...
摘要:如何來(lái)對(duì)這些圖片做優(yōu)化呢本文簡(jiǎn)單的梳理了一下目前幾種比較常用的使用方式。下文未對(duì)性能問(wèn)題做真實(shí)的測(cè)試,請(qǐng)保持一顆好奇的心,并告訴我們這是目前使用比較多的方式。也是我個(gè)人認(rèn)為相對(duì)最優(yōu)的一種解決方式。采用用來(lái)顯示也不失為一種好辦法。 在還原設(shè)計(jì)圖的時(shí)候,難免會(huì)碰到一些樣式圖片的引用。如何來(lái)對(duì)這些圖片做優(yōu)化呢?本文簡(jiǎn)單的梳理了一下目前幾種比較常用的使用方式。 注: 1. 有更好的方法的話,歡...
閱讀 3170·2023-04-25 18:06
閱讀 3552·2021-11-22 09:34
閱讀 3038·2021-08-12 13:30
閱讀 2193·2019-08-30 15:44
閱讀 1821·2019-08-30 13:09
閱讀 1777·2019-08-30 12:45
閱讀 1863·2019-08-29 11:13
閱讀 3748·2019-08-28 17:51