我有這個div:股利反覆的背景不會呈現proprely在IE /邊緣
<div id="trees"></div>
這個CSS格式化:
#trees {
width: 100%;
position: absolute;
top: 37%;
height: 40%;
background: url("/img/Tree.png") repeat-x;
background-size: auto 100%;
}
它可以在所有我測試瀏覽器細末,用這樣的結果:
除IE/EDGE,它看起來LIK E本:
樹與顏色毛刺:
最奇怪的是,這個問題不會影響任何其他的div類似配置的背景圖像像火車軌道或山脈...我有一個搜索對此很多,似乎無法在任何地方找到答案。我也嘗試將圖像從PNG轉換爲GIF,並得到了相同的結果。我如何解決這個IE /邊緣兼容性?
這裏是一個codepen再現邊緣的問題:從Irfanview的保存https://codepen.io/darthmooguy/pen/gmNWwg
你能提供一個[mcve]來演示這個問題嗎? –
我在codepen上添加了一個例子! –
我認爲您需要使用Adobe圖像編輯產品從圖像中刪除Adobe XMP元數據。重命名文件不會。你是否創作過這個圖片(https://image.ibb.co/k388T5/Tree.png)?還是來自第三方來源? –