PNG圖片未在iPhone上顯示

Question

我制作網站的移動版本時遇到問題。 網站在Android手機上運行良好時，iPhone上未顯示PNG圖片。

該頁面僅包含一些div，背景和文本后的透明PNG。

這個PNG的重量約為180kb，已經是透明的了，但是我正在用CSS再次修改它的不透明性。

我嘗試了很多方法，但似乎都沒有用。

這是移動網站的URL。 這是PNG圖片的URL。

---

這是我的HTML和CSS代碼：

<div id=photofond><img alt="" src="handm.png" /></div>

#photofond {
opacity: 0.5;
position: absolute;
top: 23%;
z-index: -1;
}

#photofond img {
width: 100%;
}

Answer 1

以這種方式放置圖像后，您可能應該使用CSS background-image而不是HTML <img>標簽。 看看http://css-tricks.com/perfect-full-page-background-image/ 。

這是（非常）基本用法，但是我建議您看一下鏈接：

#element {
    background-image: url(path/to/image.png);
}

希望這可以幫助！

編輯：忘了說，最好使用照片編輯軟件來減少圖像的不透明度，以獲得最佳的跨瀏覽器支持。