IE下background情况照片没法显示信息难题处理方式

2021-01-20 09:19 jianzhan
在做往下拉框select的情况下用1个箭头标记,做为往下拉框的3角,在firefox和chrome下都可以一切正常显示信息,可是在IE下没法显示信息。
搜索了很久,发现是照片文件格式难题,把png文件格式的变换成gif的就沒有难题了。。。。
附有关编码,关键是html的:

拷贝编码
编码以下:

<style type="text/css">
.select{ width:180px; height:29px; overflow:hidden; border:solid 1px #339999; border-radius:5px; background:url(images/arrow.gif) no-repeat 137px 0px;}
.select-style select{ padding:2px; background:transparent; width:200px; font-size: 16px; border:none; height:24px; -webkit-appearance: none; appearance:none;}
</style>
<div class="select">
<div class="select-style">
<select name="select">
<option>hello</option>
<option>you</option>
<option>apple</option>
<option>good</option>
</select>
</div>
</div>