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

今天遇到个小问题,纠结了很久,分享下

a标签添加背景图,需要给a添加display:block样式

但是在ie8下还是不能显示背景图,开始以为是由于a标签为空造成的,试了下添加内容也没用,后来注意到一点细节,修改后就能正常显示了

修改前:

background: url(‘./img/active/legendBg.png‘)no-repeat

修改后:

background: url(‘./img/active/legendBg.png‘) no-repeat

注意到了么,就是因为那个空格。。

时间: 2024-11-03 21:59:23

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

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

突然发现临下班时候问题就多, 马上下班了被头头告知线上已经上线很久的活动现在有个兼容性问题, a标签的背景图在ie8下会有不显示的情况. 我自己找了台ie8的机器实验了一下, 发现一切正常, 但是在另外一个同事机器上就会有这个问题, 真心奇怪! 后来找到问题的原因, 是因为在ie8下要显示a标签的背景图有一个重要属性: display:block; 同时还要注意background属性中 no-repeat 前面的空格. 改正之后, 背景图正常显示了. 不过同是ie8, 一个可以, 一个却不行这

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即可. ---------------------------我是分割线------------------------

background-size做自适应的背景图

在我们做页面布局的时候往往会遇到这样的情况当我固定一个元素的尺寸,在像元素加入背景的时候发现背景图片的原始尺寸很大,当我把背景图写入时往往超过元素很大一部分我们只能看见一部分的背景图在元素内显示! 如图所示这是我的背景图 我有一个div要加入这张背景图结果发现显示的结果和设计需要的效果完全不一样. div{ width: 400px; height: 200px; border: 1px solid red; background: url(2.jpg) 0 0 no-repeat; } <di

关于背景图background-image

文章摘自:http://blog.csdn.net/cicada_slough/article/details/43305175 /*背景图边距问题-在CSS中,背景图片的定位方位有3种:*/1)关键字:background-position: top right;2)像素:background-position: 0px 0px;3)百分比:background-position: 0% 0%; /*背景图与元素大小设置-background-size:cover  (背景图无论多大显示在元素

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