好的,我已经通过类声明在元素上设置了background-position属性。由于某些原因chrome,我假设所有webkit浏览器都忽略了background-position属性。
我喜欢这样
.buttonholder {
background-position: -175px 0px;
}
和
<span class='buttonholder'>
<a href='index.php'>Home</a>
</span>
我拿出了chrome中的firebug类型工具,由于某种原因,标签出现如下:
<span class='buttonholder' style='background-position: 0% 0%; '>
尽管elements标签内没有特定的样式声明。任何建议将不胜感激
编辑:显然人们认为我试图用它来定位元素。哪个是假的。我正在尝试定位背景图片。
答案 0 :(得分:3)
添加:
background-position-x: -175px;
background-position-y: 0px;
另见: http://code.google.com/p/chromium/issues/detail?id=57963
答案 1 :(得分:2)
在chrome中,要解决此错误,您需要在背景位置使用百分比。 当改变位置将正常工作。
希望得到帮助
答案 2 :(得分:1)
顺便提一下,我遇到了类似的问题,我使用JavaScript动态地使用jquery('[element]').css('background-position')
属性重新定位元素,但它没有显示在Chrome中。
我发现我还在外部样式表中的CSS中声明了元素:
[element] {
background: #becfd3 url([background image]) no-repeat 140px 60px;
}
我最终删除了样式表中元素的140px 60px
部分,它对我有用。也许这对你有用吗?
答案 3 :(得分:0)
如果你想定位检查位置:绝对值亲戚|固定|静态,并根据w3c标准添加顶部和左侧。我不知道背景位置,但我很确定你对这个属性所做的事情也可以用我的意见处理。
答案 4 :(得分:0)
我正在玩这个并发现chrome和其他webkit浏览器来渲染背景位置而没有任何问题。我使用了这样一个背景声明:
background: url(http://www.domain.com/image.png) -175px 0;
也许您可以以相同的方式声明样式,看看它是否有效。
答案 5 :(得分:0)
background-position
属性仅用于定位背景图像,而不是元素本身。如果您想通过十个步骤学习CSS定位,请参阅http://www.barelyfitz.com/screencast/html-training/css/positioning/
background-position
的参考:https://developer.mozilla.org/en/CSS/background-position(信息适用于Mozilla和Webkit)