css - 来自 css 的杂散样式导致图像片段重复

Question

在我的网站上，我有一个样式 (class="more") 超出了它的范围并做了一些奇怪的事情。我不是一个 CSS 大师，不知道如何解决这个问题。请看一下:

http://www.zerogravpro.com/

现在看看我描述问题的截图:

https://www.chainedpayments.com/temp/zgp.png

我该如何解决这个问题？此外，我真的很喜欢那个“更多”的图像和 CSS 片段，并且希望能够在更多地方使用它。但是 css 真的很尴尬，当我尝试在其他地方使用 class="more"时，它看起来不正确。事实上，只是在我主页的第一个位置使用它会导致屏幕截图中显示的问题。

如果能提供任何帮助，我将不胜感激。

Answer 1

你都这么设置了<p>里面的标签 #bodyPanel以该图像作为背景。

正确的做法:

HTML

<p class="man_bg">Blah Blah blah</p>

CSS

#bodyPanel p {
    margin: 0 0 0 54px;
    padding: 0 42px 35px 150px;
    color: #0F0F0F;
}
#bodyPanel p.man_bg {
    background: url(images/papersandsky.png) 0 0 no-repeat white;
}