0

我的 CSS 部分

html {
    background-image:url('Images/Site.jpg');

    background-repeat:no-repeat;


    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}
#webform {
    background-color: #FFFFFF;

    padding: 20px;
    position: absolute;
    right: 7.5%;
    top: 40%;

}

我的html部分

<html>
<body>
<div id="webform" >


<form>bla bla bla </form>

</div>
</body>
</html>

我的网站在这里

我想将我的表单固定在它已经被调用的图像中（在“我如何帮助你”的空间下）？我怎么能这样做？

在此处输入图像描述

4

3 回答 3

2

你处理这个问题的方式就是为什么它变得如此困难。您有一个包含背景、图像、名称、标题和选择框的背景图像。这些都应该单独切片，并在您的 HTML 中使用 CSS 定位。

我建议您不要再回答您的问题，而是回到您的设计中（无论是在 photoshop、gimp 或其他程序中），然后将所有内容切片，将每个元素放入您的 html 中，并使用 CSS 定位它。这就是 HTML 标记的工作原理。如果您有任何问题，请告诉我。

于 2013-01-03T18:31:48.963 回答
0

如果您想要固定位置，请使用固定值，而不是百分比。

于 2013-01-03T18:26:54.713 回答
-1

我知道你想做什么，但是你不会使用固定值的百分比来完成它.....

您需要将表单周围的正方形保存为具有透明背景的分隔图像，并将此图像用作表单而不是整个网站的背景。

#webform {
background-image:url(images/your_image.jpg);
padding: *;
}

*使用您的 bg 图像的顶部、左侧、右侧和底部的图像尺寸，直到它到达表格。

于 2013-01-03T18:32:33.937 回答