我有这个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)?还是来自第三方来源? –