Javascript 模式和图像都使用css

我有一种情况，我用背景图像填充身体，这只是一种模式，所以我会使用

body
{
background-image:url('paper.gif');
background-repeat:repeat-y;
}

但现在我还需要在上面再设置一个图像，它将显示屏幕的水平和垂直中心（这个图像当然更小，只会占据中心）。 这就像在BG中放置两张图像，一张比另一张小。我怎么能这么做？

---

我必须在javascript/jQuery中这样做。

要么应用

z-index:{NUMBER}

大于主体的

z-index

（默认值

1

），如果您不介意背景图像的顶部被剪掉（或者您可以编辑图像，使其顶部有一个空条以说明标题）

---

或者，不要将您的背景应用于

正文

，而是应用于标题下的任何主要内容div。

或者应用

z-index:{NUMBER}

大于主体的

z-index

（默认值

1

），如果您不介意背景图像的顶部被剪掉（或者您可以编辑图像，使其顶部有一个空条以说明标题）

---

或者，不要将您的背景应用于

正文

，而是应用于标题下的任何主要内容div。

或者应用

z-index:{NUMBER}

大于主体的

z-index

（默认值

1

），如果您不介意背景图像的顶部被剪掉（或者您可以编辑图像，使其顶部有一个空条以说明标题）

---

或者，不要将您的背景应用于

正文

，而是应用于标题下的任何主要内容div。

或者应用

z-index:{NUMBER}

大于主体的

z-index

（默认值

1

），如果您不介意背景图像的顶部被剪掉（或者您可以编辑图像，使其顶部有一个空条以说明标题）

---

或者，不要将背景应用于

正文，而是应用于标题下的任何主要内容div。
使用伪元素怎么样


使用伪元素怎么样


使用伪元素怎么样


使用伪元素怎么样


使用
css3
您可以实现类似的效果（两幅图像），因为您的问题带有
HTML5
，所以我认为您可能可以使用它

body {
    background: url('paper.gif'), url('another.gif');
    background-repeat: repeat-y, no-repeat;
}

这是一个示例，但不确定您希望如何放置这两个图像。
使用
css3
您可以实现类似的效果（两个图像），因为您的问题带有
HTML5
，所以我想您可能可以使用它

body {
    background: url('paper.gif'), url('another.gif');
    background-repeat: repeat-y, no-repeat;
}

这是一个示例，但不确定您希望如何放置这两个图像。
使用
css3
您可以实现类似的效果（两个图像），因为您的问题带有
HTML5
，所以我想您可能可以使用它

body {
    background: url('paper.gif'), url('another.gif');
    background-repeat: repeat-y, no-repeat;
}

这是一个示例，但不确定您希望如何放置这两个图像。
使用
css3
您可以实现类似的效果（两个图像），因为您的问题带有
HTML5
，所以我想您可能可以使用它

body {
    background: url('paper.gif'), url('another.gif');
    background-repeat: repeat-y, no-repeat;
}

这是一个示例，但不确定如何放置这两个图像。
这是IE8支持的css3功能之一吗？谢谢。不幸的是，
IE-8
无法处理此问题。谢谢-但我也需要在IE8上使用它。有什么想法吗？谢谢。这是IE8支持的css3的功能之一吗？谢谢。不幸的是，
IE-8
无法处理此问题。谢谢-但我也需要在IE8上使用它。有什么想法吗？谢谢。这是IE8支持的css3的功能之一吗？谢谢。不幸的是，
IE-8
无法处理此问题。谢谢-但我也需要在IE8上使用它。有什么想法吗？谢谢。这是IE8支持的css3的功能之一吗？谢谢。不幸的是，
IE-8
无法处理此问题。谢谢-但我也需要在IE8上使用它。有什么想法吗？谢谢