使用 background:url(#) 解决 IE bug

最新推荐文章于 2021-11-19 13:57:50 发布
最新推荐文章于 2021-11-19 13:57:50 发布
阅读量565 收藏
点赞数
文章标签： ie6 cursor bug

通过设置selector{background:url(#)}可以解决一些IE6&7 bug：

  1. 鼠标滚轮失效bug，demo。当时用的是添加背景色的方法： 
    #works{background:#fff}

    也可通过下面方法解决：

    #works{background:url(#)}
  2. a 标签为了 png-24 图片透明而使用透明滤镜后导致 a 链接不可点击，demo 
    a{background:none}

    解决方法(demo)：

    a{background:url(#);/*或指向透明的gif*/}

    详见 No Transparency Click Bug

  3. a 局部点击bug，demo。
    解决方法(demo)： 
    a{background:url(#)}

    或：

    a{background: #fff}

    详见：Partial Click Bug v2

  4. 自定义cursor的元素覆盖在img元素上时失效 
    <!DOCTYPE html>
<html>

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>IE 6/7/8 cursor bug</title>
<style>
.photo-viewer{width:276px;}
.photo-viewer .inner{position:relative;#zoom:1;_overflow:hidden;}
.cursor-l{position:absolute;top:0;left:0;width:33%;height:100%;overflow:hidden;line-height:99;cursor:url('http://imgcache.qq.com/campus/images/pre.cur'),auto;}
</style>
</head>

<body>

<div class="photo-viewer">
	<div class="inner">
		<img alt="Google" src="http://www.google.com.hk/intl/zh-CN/images/logo_cn.gif">
		<a class="cursor-l" href="#" title="上一页">上一页</a>
	</div>
</div>

</body>

</html>

    解决方法：cursor-l上加background:url(#)

andybss
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
IE 缓存策略的BUG的解决方法
10-30
总之，针对IE浏览器的这个缓存策略bug，开发者可以通过预加载图片、使用额外的文本节点或者修改innerHTML的时机来确保图片的正确缓存，从而优化页面加载性能。在编写兼容性较强的网页时，这些方法都是非常实用的技巧...
IE6特有bug兼容性问题整理
11-24
body{background:url(../image/404.png) no-repeat fixed center center;} div{height:2000px;} HTML部分为： <body><div></div></body> 其结果是无论IE6还是火狐浏览器下，背景图片都是固定的死死的...
IE浏览器兼容background-size
weixin_30262255的博客
07-31 136
background-size是CSS3新增的属性，IE8以下不支持，通过滤镜实现background-size效果 background-size：contain; // 缩小图片来适应元素的尺寸（保持像素的长宽比）；background-size ：cover; // 扩展图片来填满元素（保持像素的长宽比）；background-size ：100px 100px; // 调整图片到指定大小...
background-size兼容ie
webZRH的博客
05-18 648
1.最好使用背景图尺寸正好的 2.引入文件 background-image: url(../img/ui-user.png); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/ui-user.png',sizingMethod='scale')"; filter: 
IE下background无法显示的问题
u013240481的专栏
05-06 1495
在做下拉框select的时候用一个
IE下background连写无法解析
齐枫的博客
07-01 1055
今天遇到个问题，背景图片在IE8下无法显示出来，看了看w3c，也是没有问题的，找了好久才发现 background：#ABC url('1.gif') 0 100px no-repeat; 格式很重要啊！ 任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。
MySQL基础--范式（前三范式）
weixin_44976835的博客
12-07 227
各种范式呈递次规范 分类： 1.第一范式：每一列都是不可分割的原子数据项 2.第二范式：在1NF基础上，非码属性必须完全依赖于候选码（在1NF基础上消除非主属性对主码的部分函数依赖) 实现：进行表的拆分，设立外键 3.第三范式：在2NF基础上，任何非主属性不依赖于其他非主属性（在2NF上消除传递依赖）实现：进行表的拆分，设立外键 1NF存在的问题： 1.数据冗余严重 2.数据添加时候存在问题，容易引起数据不合法 3.删除数据时存在问题，会要删除的数据的连带数据一起删除 1.函数依赖：如果通过A属性（属性
ie下没有背景色bug的解决方法
01-19
鼠标经过下面的二级菜单的时候，在ie下面，收缩上去了，给这个二级菜单加了背景后，就是正常的,这个是ie下面的一个bug，解决方法：background-img：url（123.jpg）；url里面的图片不用存在
12种CSS BUG解决方法与技巧
09-25
5. **固定宽度页面居中**：使用`#wrapper { margin: auto; position: relative; }`可以使固定宽度的页面在浏览器中居中。 6. **IE6双倍边距的bug**：IE6有时会为浮动元素计算错误的边距，可通过重设边距来解决。 7...
IE6PNG:解决IE6不支持PNG的方法搜集
06-01
滤镜解决方案滤镜从IE4.0被微软正式引入，所以我们可以使用滤镜解决IE6的PNG透明问题，滤镜不仅可以实现目前CSS3的一些旋转效果而且还可以引入图片。注意：此方法在部分版本的IETest中无效，建议使用标准的IE6来进行...
IE下background背景图片无法显示问题解决方法
WhoWrongsWhere的专栏
04-28 1万+
原代码如下：   原来的"label_input_checkbox_1_span的css设置如下： background: url("../images/news/201504280800.png")no-repeat 0% 0% transparent; background-repeat: no-repeat; cursor: pointer; vertical-
（一）IE8以下background不起作用
weixin_30527551的博客
11-28 264
　　最近遇到了些小bug，在这里做个记录分享下。低版本的浏览器不支持新属性或者说对代码的解析方式不一样，导致最后解析出来的结果五花八门，各种浏览器之间的兼容的确是一个令开发人员头疼的事情，不过有时候换一个思路去写也许能避免许多hack，不管是js hack还是css hack始终都是不推荐的，能避免则避免。 　　先分享一篇别人总结的 css hack方式，比较齐全，感谢原博主。http://bl...
CSS背景全攻略
Rorely
10-06 277
原文链接：Backgrounds In CSS: Everything You Need To Know 译文链接：css 背景全攻略 转载请保留版权以及链接 —————————————————————————————— 背景(background)是css中一个重要的的部分，也是需要知道的css的基础知识之一。这篇文章将会涉及css背景 (background)的基本用法，包括诸如 backgr...
background:url的用法
welcome to daijiguo's blog
06-24 9296
正确用法：background:rgba(0, 0, 0, 0) url(__PUBLIC__/img/login_student.jpg) no-repeat scroll center top ; 一开始，url里面的地址我加了双引号，背景图片怎么都出不来，试了好久，才发现，原来不能加引号
background-image:url();url中怎么写；以及区分background属性；
热门推荐
rmkloveme
10-26 14万+
background-image:用于设置需要显示背景图片；  例如-->background-image:url(demo.jpg); 大家知道ulr()中是填写路径：（现在假设背景图片名字叫做demo.jpg） 1、如果该css文件和背景图片在同一文件夹存在且并不包含于其他文件夹 那么直接填写demo.jpg； -->background-image:ur
background: url()路径问题
qq_16731745的博客
03-07 2万+
用.net mvc架构开发web的时候，在页面中使用引用图片，图片路径怎么弄都不正确，错误实例如下 后来无意间把波浪线~去掉图片就能正常显示了
CSS—background: url(imagePath);使用小结
草堂夜归人
09-20 2万+
CSS之background: url();使用小结 作为前端初学者，总是会遇到这样哪样的疑惑。这不，这次在background 属性时遇到了问题——即运用了background: url( imagePath );后不起作用。 最后在百度上搜了下发现遇到同样问题的人还真不少，但是很多人的回答并没有说到点上去，所以经过自己的摸索后今天把我的“总结”贴出来供大家交流。 真正的问题
关于CSS中background:url()插入背景图片，图片路径的问题
controlmaa的博客
11-19 2万+
写了一个css的练习，需要在一个盒子中插入图片作为背景，css代码如下（插入背景图片的代码在第五行）： .search-btn::before { content: ""; display: block; width: 20px; height: 18px; background: url(image/search-btn.png) no-repeat; } 我的项目结构如下（上文的代码在index.css中，我想要插入的图片是image目录下的search-btn
background:url()使用方法
最新发布
04-25
background:url()是CSS中用于设置背景图像的属性。具体使用方法如下： 1. 在CSS中选择需要设置背景图像的元素。比如说，如果你想要设置整个页面的背景，可以在body选择器中添加属性。 2. 添加background:url()属性...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值