`

background-position在Firefox下的问题

阅读更多
今天写了一段CSS样式,内容如下:
.delete_icon{
  background:url(../img/icons.gif) 0 -22 no-repeat;
}
该样式应用于一个TD中,运行时在IE和Chrome浏览器下都是正常的,但是FF下无法显示出背景图片,多次试验后估计是图片定位的问题,也就是“background:url(../img/icons.gif) 0 -22 no-repeat;”标红部分,改为“0 -22px”后就正常显示了,可能是FF下定位时默认的单位不同所致(可能默认为%了)。

0
0
分享到:
评论
2 楼 qingyuexiao 2010-06-18  
原来如此~
1 楼 sohighthesky 2010-05-15  
按标准所有css数量只是非0,一定要加单位才能解析

相关推荐

    个人CSS设计兼容性问题总结教程

    CSS Hack是为了应对不同浏览器间的解析差异,例如,`#demo`的宽度在Firefox、IE6和IE7分别为100px、120px和130px。对于IE8的最新CSS Hack,可以使用`\9`,例如`border:1px \9;`。`:root`选择器可以用来针对IE9,如`:...

    CSS3教程:background-clip和background-origin

    例如,对于Mozilla Firefox,可以使用`-moz-background-clip`和`-moz-background-origin`;对于Webkit(Safari和Chrome),可以使用`-webkit-background-clip`和`-webkit-background-origin`。需要注意的是,这些...

    Full-Screen-Background-Video-master

    因此,需要检查并适配各个主流浏览器,例如Chrome、Firefox、Safari、Edge等。 6. **标签"bgVideo"**: "bgVideo"可能是该项目中的一个类名或标识符,用于选择和操作全屏背景视频的元素。 总的来说,"Full-Screen...

    css 背景固定样式background-attachment属性基础

    这种情况下,建议在现代浏览器如Google Chrome或Firefox进行测试,这些浏览器通常对CSS属性的支持更完善。 在实际开发过程中,background-attachment属性可与其他背景相关的CSS属性组合使用,例如background-color...

    CSS3之多背景background使用示例

    CSS3的多背景功能在现代浏览器中得到了广泛支持,包括Chrome、Firefox、Safari、Opera以及IE9及以上版本。对于不支持CSS3的旧版浏览器,多背景属性将被忽略,但不会影响到其他CSS2样式的表现。 ### 三、背景的实例 ...

    Firefox Beta 13.0 b7

    Support for the CSS3 background-position property extended syntax has been added DEVELOPER The :invalid pseudo-class can now be applied to the element DEVELOPER The CSS turn <angle> unit is now ...

    div层实现IE Firefox 页面半透明遮罩效果弹窗

    本文将深入探讨如何使用CSS来实现在Internet Explorer(IE)和Firefox等浏览器上的半透明遮罩层效果。 首先,我们需要了解CSS中的`opacity`属性,它是实现半透明效果的关键。`opacity`属性用于设置元素的不透明度,...

    入门教程 CSS属性.pdf

    - Firefox (F): 1 - Netscape (N): 6 - W3C: 1 **1.3 `background-attachment` - 背景图片定位** - **描述**: 此属性决定了背景图片是随页面滚动还是固定不动。 - **值**: - `scroll`: 默认值,背景图片会随...

    jqBackgroundPositionAnimate.js【修正版】

    jQuery高级版本比如1.6+ 1.8+ 等animate对属性background-position支持不好,要么不支持要么不兼容火狐,这个插件可实现对背景定位属性的支持。并且我对它做了修正,以适用于jQuery后来的高级版本。用法background-...

    IE与Firefox的CSS兼容大全

    - **背景图片平铺**:IE使用`background-repeat:repeat-x`和`background-repeat:repeat-y`来控制水平或垂直方向上的平铺,而Firefox支持`background-repeat:repeat-x`和`background-repeat:repeat-y`。 **解决方法*...

    body背景图片拉伸另类实现

    请注意,这种方法仅适用于Internet Explorer浏览器,对于现代浏览器(如Chrome、Firefox、Safari等),可以使用CSS3的`background-size`属性来轻松实现背景图片的拉伸: ```css body { background-image: url('...

    CSS教程(4):通过实例学习CSS背景

    请注意,对于Mozilla浏览器(如Firefox),`background-attachment: fixed`是必要的,以实现类似的效果。 3、如何使用%来定位背景图像 百分比可以用来相对元素的宽度和高度定位背景图像。例如,如果你想要将背景...

    Li list-style-image 图片垂直居中

    本文将详细介绍如何使用 `list-style-image` 设置列表项的图片,并解决在 Firefox 和 Internet Explorer(IE)中图片垂直居中的问题。 `list-style-image` 是 CSS 中的一个属性,它的语法如下: ```css list-style...

    CSS3主要知识点总结+HTML5新标签(图文版).docx

    - 为了支持早期浏览器,CSS3属性通常需要加上特定浏览器的前缀,如 `-moz-`(Firefox),`-webkit-`(Chrome和Safari,但现在大部分已经不再需要),`-ms-`(Internet Explorer)和`-o-`(Opera)。 3. **position...

    BAT各大互联网面试题

    - 对于Firefox浏览器: ```css background-color: blue; ``` - 对于所有IE浏览器: ```css background-color: red\9; ``` - 对于IE8: ```css background-color: yellow\0; ``` - 对于IE7: ```css +...

    Css规范.pdf

    - **兼容性**:确保CSS代码在IE、Firefox等主流浏览器上都能正常工作。 - **代码性能**:代码应简洁、有序,减少服务器负载,提升页面加载速度。 3. **CSS规范**: - **命名规范**:使用英文命名,样式文件以`....

    css.rar_csspicture

    在Firefox中,通常情况下,`max-width`和百分比宽度就能实现图片自适应。但有时可能会遇到一些边缘情况,比如图片高度需要自动调整以保持比例。这时可以使用CSS3的`object-fit`属性,尽管老版本的Firefox可能不支持...

    DIV框渐变填充实现源代码

    /* Firefox */ background-image: -o-linear-gradient(to right, blue, white); /* Opera */ background-image: linear-gradient(to right, blue, white); /* 标准语法 */ } ``` 在提供的`DIV框渐变填充实现方法...

Global site tag (gtag.js) - Google Analytics