Question

我的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>

我的网络here

我想在已经调用的图像中修改我的表单（在“我能帮助你”的空间下）？我怎么能这样做？

enter image description here

Answer 1

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

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

Answer 2

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

Answer 3

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

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

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

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

确定任何决议的位置

3 个答案: