css - How to couple img to body?

Question

1. I need to couple top border image to top border body as you can see in the left side.
2. I need to cupole the "NEXT PICTURE :" to right. Thanks. You know something strange happens images switch in chrom slowly and stop in firefox there is no problem with velocity my site.

Answer 1

你可以在css中使用背景属性

body {
   background-image: url(someimage.png);
   background-position: top left;
   background-repeat:repeat-x;  (or no-repeat if you only want it once)
   background-attachment:fixed;
}

这将在页面顶部平铺图像（使用背景附件：固定；如果您希望它始终位于屏幕顶部）

教程

您可以将下一张图片放在 div 中：

<div style="text-align:right">
    NEXT PICTURE :<img id="scroll_me" alt="NEXT PICTURE :" src="img/next.jpg">
</div>

这将使您的图像与浏览器窗口的右侧边缘对齐。

试试看，看看你的情况如何，还有其他事情可以做，但让我知道你的情况。

Answer 2

将您移动<p>NEXT PICTURE..</p>到“容器”div 的下方（外部），并移除<br>顶部的两个。那会成功的。