`

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,一定要加单位才能解析

相关推荐

    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 ...

    jqBackgroundPositionAnimate.js【修正版】

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

    一个轻量级的XHTML右键菜单[支持IE和firefox]

    还有一个就是很多右键菜单程序太大,于是自己写了一个迷你型的右键菜单,支持IE和firefox adad #rightMenu{ padding:2px; background-color:menu; cursor:default; position:absolute; z-index:900; border...

    使用css3 属性如何丰富图片样式(圆角 阴影 渐变)

    在css3中,直接在图片上使用box-shadow 和 border-radius,浏览器并不能很好的渲染...firefox渲染了图片的border-radius,但是没有渲染内嵌box-shadow。chrome和Safari两种效果都没有渲染。 复制代码代码如下: .normal

    详解css3 mask遮罩实现一些特效

    遮罩mask的功能就是使用透明的图片或渐变遮罩元素的背景。于是,遮罩mask与背景background非常类似,除了没有color子属性,背景background剩下的6个子属性,mask都有 遮罩mask是一个...要特别注意的是,firefox浏览器也

    一个超简单的JS拖拽实现代码(兼容IE,Firefox)

    runcode div#test{border:solid 1px blue;background:red;position:absolute;left:100px;top:200px;... [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]javascript支持firefox,ie7页面布局拖拽效果代码

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -修正了弹出菜单的位置在Firefox下不正确的BUG(feedback:eroach)。 -为TriggerBox和TwinTriggerBox增加EnableEdit属性。 -使用Hidden来显示隐藏ExtAspNet控件,而不是使用Visible属性(Visible目前设置为只读属性...

    css 遮罩样式(支持IE和FireFox)

    复制代码代码如下: .gSys-msg .mask { background-color: #000000; height: 100%; left: 0; filter:alpha(opacity=30); opacity:0.3; overflow: hidden; position: absolute;... 支持Firefox的遮罩效果

    IE8 滤镜效果filter:alpha(opacity=20);IE下失效出现黑色

    坐一个滤镜效果,CSS样式如下: 复制代码代码如下: .mask { width:... /* Firefox,Safari(WebKit),Opera */ -ms-filter:alpha(opacity=20); /* IE 4-7 */ zoom:1; /* set “zoom”,”width” or “height” to trigger

    eclipse-testng 离线包下载

    .testMethodStatusPASS { background-color: lightgreen; } .testMethodStatusPASS { background-color: lightgreen; display: none; } test="testng:isFilterSelected('SKIP') = 'true'"> ....

    CSS图片倒影效果兼容firefox、IE等各主流浏览器

    网上流传很多种版本,经过本人的一番研究,做成能够兼容firefox、chrome、IE等各主流浏览器的版本,跟大家分享一下。最终完成的效果 新浏览器的实现 指的是firefox、chrome和IE9。新浏览器都支持CSS3新添的transform...

    JSP数据分页导出下载显示进度条样式

    1、思路 分页数据查询,同时缓存设置进度(为当前取出数据点总数据比例) 2、界面进度条 为 异步请求缓存比例 3、代码 css: body{ position:relative;... /*Firefox私有,透明度50%*/ opacity:0.9;/*其他,

    js框架jquery实现幸运大转盘抽奖程序代码,兼容多种浏览器.zip

    支持Internet Explorer 6.0+ 、Firefox 2.0 、Safari 3 、Opera 9 、Google Chrome,高级浏览器下使用Transform,低版本ie使用VML实现 google code地址:http://code.google.com/p/jqueryrotate/ 下面了解下这个插件...

    用DIV完美模拟createPopup 弹出窗口(脚本之家修正版),支持Firefox,ie,chrome

    补增一个效果图! 模拟Popup body{ margin:0; padding:0;... position:absolute; border:1px solid #000000; line-height:17px; background-color:#F7F7F4; visibility:hidden; cursor:defaul

    ExtAspNet_v2.3.2_dll

    -修正了弹出菜单的位置在Firefox下不正确的BUG(feedback:eroach)。 -为TriggerBox和TwinTriggerBox增加EnableEdit属性。 -使用Hidden来显示隐藏ExtAspNet控件,而不是使用Visible属性(Visible目前设置为只读属性...

    js 右键菜单,支持不同对象不同菜单(兼容IE、Firefox)

    position:absolute; visibility:hidden; z-index:100; overflow:hidden; width:150px; background-color:buttonface; border:dimgray 1px solid !important; border:buttonhighlight menu menu buttonhighlight 2px ...

    基于jQuery的网页右下角弹出广告(IE7,firefox)

    position:fixed; right:20px; } .contentCss{ background:#666; height:200px; width:200px; } .contentCssHeight{ } .titleCss{ width:200px; height:25px; line-height:25px; text-align:right; margin:0px; ...

    纯CSS3实现绘制各种图形实现代码详细整理

    请在现代浏览器(IE9+、firefox、chrome、safari、opera等浏览器)中查看效果:   复制代码代码如下: #circle {width: 100px;height: 100px;background: red;-moz-border-radius: 50px;-webkit-border-radius: 50px...

    CSS中的z-index属性基本使用教程

    z-index 接受的属性值为:关键字auto和整数,整数可以是负值(Firefox2.0及之前不支持负值)。 需要注意的是 z-index 虽然很给力,却只能应用于定位元素(即设置了 position 属性为非 static 值),其它情况下,z-...

    WPTools.v6.29.1.Pro

    - RTF writer writes background color easier to understand by Word * improved XML reader/writer (unit WPIOXml1) * improved word wise cursor movement when fields are used + new "paint attributes" mode. ...

Global site tag (gtag.js) - Google Analytics