Question

我在www.mariodecristofano.com/vrtraining有一个网站，我想在其中添加一张类似于http://www.veteransretreat.org.uk/managecontent.aspx?mta_dmd=welcome_to_veterans_retreat&object.id=10105的图片。

我有图像，但如何操作CSS，这是：http://www.mariodecristofano.com/vrtraining/css/style.css？

感谢您的帮助。

Answer 1

如果您调整窗口大小，您会看到图像实际上停靠在中心，只是图片本身非常大而且图形设计为正确的。

所以重现：

制作大图片
身体空间因素，将图形推到图像右侧
使用此css将图像置于正文顶部：

background: url('/path/to/image') no-repeat center top;

Answer 2

检查上述网站显示：

body {
    background-image: url(../images/veterans-retreat-background.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: white;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

background-*属性是您感兴趣的。您也可以使用background-position: top right;右对齐图片。

Answer 3

尝试使用css属性right:0（如果你想要它在右边缘，左上角和下边也是可用的属性），首先你必须通过css属性{{1}给你的图像一个绝对的位置}}。 Z索引将决定你的页面是在页面上还是在下面，z-index越高越高（就好像它越来越接近你的脸）

HTML：

position:absolute

的CSS：

<img class='SS src='path/skyScraper'>

使用CSS将摩天大楼图像添加到网页的“边缘”

3 个答案: