IE下background背景图片无法显示问题解决方法

发布时间：2014-05-06 15:46:59 作者：佚名

一个箭头符号，作为下拉框的三角，在firefox和chrome下均可以正常显示，但是在IE下无法显示，经搜索发现时图片格式问题，html代码如下，有类似情况的朋友不妨参考下

在做下拉框select的时候用一个箭头符号，作为下拉框的三角，在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>

Tag：IE background 无法显示

相关文章

浅谈原生页面兼容IE9问题的解决方案
这篇文章主要介绍了浅谈原生页面兼容IE9问题的解决方案，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起
2020-12-16
新版chrome浏览器设置允许跨域的实现
这篇文章主要介绍了新版chrome浏览器设置允许跨域的实现,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起
2020-11-30
css hack之\9和\0就可能对hack IE11\IE9\IE8无效
每次设计一张网页或一个表单，都被各种浏览器的兼容问题伤透脑筋，尤其是IE家族。在做兼容性设计时，我们往往会使用各种浏览器能识别的独特语法进行hack，从而达到各种浏览
2020-03-20
css区分ie8/ie9/ie10/ie11 chrome firefox的代码
这篇文章主要介绍了css区分ie8/ie9/ie10/ie11 chrome firefox的代码,需要的朋友可以参考下
2020-03-20
解决CSS浏览器兼容性问题的4种方案
这篇文章主要介绍了解决CSS浏览器兼容性问题的4种方案，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学
2020-02-28
常见的浏览器兼容性问题(小结)
这篇文章主要介绍了常见的浏览器兼容性问题(小结)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学
2020-02-20
border-radius IE8兼容处理的方法
这篇文章主要介绍了border-radius IE8兼容处理的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学
2020-02-12
浅谈遇到的几个浏览器兼容性问题
这篇文章主要介绍了浅谈遇到的几个浏览器兼容性问题，详细的介绍了几种我遇到的问题和解决方式，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2018-09-26
base64图片在各种浏览器的兼容性处理
这篇文章主要介绍了base64图片在各种浏览器的兼容性处理的相关资料,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-09-14
对常见的css属性进行浏览器兼容性总结(推荐)
这篇文章主要介绍了对常见的css属性进行浏览器兼容性总结(推荐)的相关资料,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-07-20

最新评论