a标签的背景图在ie8下不显示的问题

突然发现临下班时候问题就多, 马上下班了被头头告知线上已经上线很久的活动现在有个兼容性问题, a标签的背景图在ie8下会有不显示的情况. 我自己找了台ie8的机器实验了一下, 发现一切正常, 但是在另外一个同事机器上就会有这个问题, 真心奇怪!

后来找到问题的原因, 是因为在ie8下要显示a标签的背景图有一个重要属性:

display:block;

同时还要注意background属性中 no-repeat 前面的空格.

改正之后, 背景图正常显示了. 不过同是ie8, 一个可以, 一个却不行这个问题还是没搞明白. 兼容性太蛋疼了...

时间： 2024-08-07 12:32:43

a标签的背景图在ie8下不显示的问题的相关文章

a标签的背景图在ie8下显示问题

今天遇到个小问题,纠结了很久,分享下 a标签添加背景图,需要给a添加display:block样式 但是在ie8下还是不能显示背景图,开始以为是由于a标签为空造成的,试了下添加内容也没用,后来注意到一点细节,修改后就能正常显示了 修改前: background: url('./img/active/legendBg.png')no-repeat 修改后: background: url('./img/active/legendBg.png') no-repeat 注意到了么,就是因为那个空格..

a 标签背景图在ie8下不显示问题

上图中对a标签设置了 background 背景图片,但是ie8浏览器下图片没有显示,background:url(../images/fast_buy_ticket.gif)no-repeat; 这个代码下面出现了红色的波浪线. 将background:url(../images/fast_buy_ticket.gif)no-repeat;修改一下 为background:url(../images/fast_buy_ticket.gif) no-repeat;后 background 下面的

img标签添加背景图，会有边框

问题:img标签添加背景图,会有边框 解决方法:给img再设置一下src,src为透明png即可. ---------------------------我是分割线------------------------

在IE8下background-image不显示的解决方法

刚写一个页面,在chrome,FF里调试完后,忽然想起ie来,放到Ie里其它还好了,但是有个背景图片显示不出来. 调试N遍后,只好上stackoverflow去找一下,果然找到了. 最初是这样写的: background: url(../images/img.png)no-repeat; 在ie8下不显示,改成如下: background: url(../images/img.png) no-repeat; 可以显示了. 看出差别了吗?没有错,一个空格.仅一个空格而已.

ie8下a标签中的图片出现边框

1.ie8下a标签中的图片出现边框 <a href="#"><img src="horse.jpg"></a> 效果如图所示 2.解决方案 将img的边框设置为0或none img{border:none;}

几种基本样式，背景图，字体，下划线，行高垂直等

<div style=:width:600px; heiget:600px; background-color:...; background-image; background-repea:...; background-position; 宽度               高度                背景颜色                     背景图片                   背景图平铺                 背景图位置 background-attach

css3处理sprite背景图压缩来解决H5网页在手机浏览器下图标模糊的问题

最近在负责一个微信H5 App项目,遇到一个郁闷的问题,手机浏览器查看网页时图标都是模糊的,有锯齿,电脑浏览器显示则是正常.大概知道是分辨率适配等类型的问题,后来网上查找了一些办法,大部分的解决方案都是设计一套放大1倍的图标,再压缩显示. 我们都知道<img>标签可以通过固定宽高的方式来压缩大图,从而得到高清的显示效果,而图标一般用背景图来呈现,怎么搞呢?好吧,css3出了一个很牛逼的属性background-size可以直接设置背景图的宽高,直接解决了前者的疑惑. 那么问题来了,我们的网页不

UIButton的selected设为TRUE时在按下时显示自定义的背景图

在UIButton的selected设为TRUE后,需要在按钮高亮时,显示自定义的背景图. 经研究hightLighted和selected这两个状态是可以重叠的,就是button可以同时处于selectec和highlighted两个状态下. 从UIControlState的定义也可以看出: typedef NS_OPTIONS(NSUInteger, UIControlState) { UIControlStateNormal       = 0, UIControlStateHighlig

IE6下 input 背景图滚动问题

ie6 背景图滚动问题: <title>ie6下input背景图滚动问题</title> <style> .box{ height:20px; width:300px; background:url(%E7%BB%83%E4%B9%A0%E8%A1%A8%E6%A0%BC/mon.jpg) no-repeat; background-color:#fcf; border:1px solid #069; } .box input{height:20px; width:30