-1

我在 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？

感谢您的帮助。

4

3 回答 3

0

尝试使用 css 属性right:0（如果你希望它位于右边缘，左上角和左下角也是可用的属性），首先你必须通过 css 属性给你的图像一个绝对位置position:absolute。Z 索引将确定您的页面在上面或下面，z 索引越高，越高（好像它越来越靠近您的脸）

HTML：

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

CSS：

img.SS {
       position:absolute;
       right:0;
       z-index:2;
       }
于 2012-08-07T16:26:08.947 回答
0

如果你调整窗口大小，你会看到图像实际上停靠在中心，只是图片本身非常大，图形设计在身体右侧。

所以要重现：

  • 制作大图
  • 考虑身体空间，将图形推到图像的右侧
  • 使用此 css 将图像 css 到身体顶部的中心：

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

于 2012-08-07T15:13:03.093 回答
0

检查上述网站显示：

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;右对齐图像。

于 2012-08-07T15:14:07.843 回答