CSS背景位置Chrome

时间:2010-12-22 21:01:38

标签: css google-chrome

好的,我已经通过类声明在元素上设置了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标签内没有特定的样式声明。任何建议将不胜感激

编辑:显然人们认为我试图用它来定位元素。哪个是假的。我正在尝试定位背景图片。

6 个答案:

答案 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)