背景图像被切断 - 不明白为什么

时间:2012-03-01 10:32:11

标签: css background-image

我正在努力研究背景图像,这些背景图像被一些看不见的CSS或jQuery顶部切断。

背景图片是我添加到WordPress Feedburner Follow Plugin的自定义按钮。

该网站为www.robcaskie.com。我正在努力的跟随按钮位于右下角。我添加了背景图像,使其看起来与左侧的“共享”按钮类似。

如果有人可以看看为什么图像在顶部被切断,我会非常感激!我正在试图找出问题而撕裂我的头发!!

非常感谢!

1 个答案:

答案 0 :(得分:1)

在这个样式定义中:

#bit, #bit * {}
#bit {
background-image: url(http://www.robcaskie.com/wp-content/plugins/follow-button-for-feedburner/followtab.png);
background-position:right -10px;
background-repeat:no-repeat;
background-size: 102px 46px;
  bottom: -300px;
  font: 13px "Helvetica Neue",sans-serif;
  position: fixed;
  right: 10px;
  z-index: 999999;
  width: 102px;
}

这是将图像10px放在容器上方的违规行:

background-position:right -10px;

最好用填充顶部替换它,然后重新调整标签的位置。