在IE6中對圖片格式png24支持度不高伞芹,如果使用的圖片格式是png24薪贫,則會導致透明效果無法正常顯示
- 解決方法:
1.可以使用png8來代替png24忆畅,即可解決問題六剥,但是使用png8代替png24以后,圖片的清晰圖會有所下降
2.使用JavaScript來解決該問題庞呕,需要向頁面中引入一個外部的JavaScript文件新翎,然后在寫一下簡單的JS代碼,來處理該問題
- 解決方法:
1.可以使用png8來代替png24千扶,即可解決問題料祠,但是使用png8代替png24以后骆捧,圖片的清晰圖會有所下降
2.使用JavaScript來解決該問題澎羞,需要向頁面中引入一個外部的JavaScript文件,然后在寫一下簡單的JS代碼敛苇,來處理該問題
<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="大臉貓">
</script>
</body>
</html>
最后編輯于 :
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者