css中的游离样式导致图像片段重复

css中的游离样式导致图像片段重复,css,Css,在我的网站上,我有一种风格(class=“more”),超越了它的界限,做了一些奇怪的事情。我不是足够的css大师,不知道如何解决这个问题。请看一看: 现在看我描述问题的屏幕截图: 我怎样才能解决这个问题?此外,我真的很喜欢图像和css的“更多”片段,并希望能够在更多的地方使用它。但是css真的很笨拙,当我尝试在其他地方使用class=“more”时,它看起来并不正确。事实上,仅仅在我主页的第一个位置使用它就造成了屏幕截图中显示的问题 我非常感谢您提供的任何帮助。您将其设置为车身面板内的所有

在我的网站上,我有一种风格(class=“more”),超越了它的界限,做了一些奇怪的事情。我不是足够的css大师,不知道如何解决这个问题。请看一看:

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

我怎样才能解决这个问题?此外,我真的很喜欢图像和css的“更多”片段,并希望能够在更多的地方使用它。但是css真的很笨拙,当我尝试在其他地方使用class=“more”时,它看起来并不正确。事实上,仅仅在我主页的第一个位置使用它就造成了屏幕截图中显示的问题


我非常感谢您提供的任何帮助。

您将其设置为
车身面板内的所有
标签都以该图像为背景

正确的方法是:

HTML

您将该背景设置为应用于任何包含
#bodyPanel
id的内容中的所有p标记


您可能需要更具体地使用选择器,并在需要背景的任何p标记中添加一个类。

谢谢……我已经完成了一半。但在“推荐”这个词下面,我仍然有一个很大的尴尬的空白。请查看IE开发者工具栏打开时的屏幕截图:-似乎“更多”类仍在引起问题。我如何才能缩小这个差距,并且能够在我的推荐信中更深入地使用“更多”图像/css,而我只有“更多”链接。我试着申请那门课,但没用。再次感谢。请看我在上面留下的评论…我也想听听你的想法。
<p class="man_bg">Blah Blah blah</p>
#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;
}
#bodyPanel p{background:url(images/papersandsky.png) 0 0 no-repeat #fff; margin:0 0 0 54px; padding:0 42px 35px 150px; color:#0F0F0F;}