百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>CSS教程> 图片在IE8浏览器多一个有边框问题解决办法
分享文章到:

图片在IE8浏览器多一个有边框问题解决办法

发布时间:01/15 来源: 浏览: 关键词:
今天在做一个东西时碰到一个奇怪的问题就是IE8下显示图片时多出一个边框而Chrome或Firefox下却没有了,好么此问题要如何解决?下面来看看。

我的logo代码:

header a#logo {display: block;top:10px;width:380px;height:75px;}

最后在网上找了一下答案,IE8浏览器图片多一个有色边框,而Chrome浏览器没有边框的解决办法。

指定img的边框样式:

img{ border-style:none; }


另一个办法是直接给输片加个border=0即可。

<img src="images/logo.png" border=0 >
 

附后:png图片在ie8浏览器下有黑色边框

 代码如下

background-image:url(******.png)!important;
background-image:url(../images/space.gif);/*space.gif 是一个透明的图片文件*/
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src="******.png", enabled=true, sizingMethod=scale);

ps:对于不同ie浏览器会有各种问题小编建义大家安装一个ietest来进行测试哦。

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有8人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板