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