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>

私のウェブはこちら

既に呼び出されているその画像内のフォームを修正したい (「how can i help you」のスペースの下) ? どうすればこれを行うことができますか?

ここに画像の説明を入力

4

3 に答える 3

2

あなたがこの問題にアプローチしている方法は、それがなぜそれをとても難しくしているのかです. 背景、画像、名前、キャプション、および選択ボックスを含む 1 つの背景画像があります。これらはすべて個別にスライスし、HTML に CSS で配置する必要があります。

私があなたの質問に答える代わりに、デザインに戻って (Photoshop、Gimp、または他のプログラムで)、すべてをスライスして、各要素を html に配置し、CSS で配置することをお勧めします。これが HTML マークアップのしくみです。ご不明な点がございましたら、お知らせください。

于 2013-01-03T18:31:48.963 に答える
0

固定位置が必要な場合は、PERCENTAGES ではなく固定値を使用してください。

于 2013-01-03T18:26:54.713 に答える
-1

やりたいことはわかりますが、固定値のどちらのパーセンテージを使用しても達成できません.....

フォームの周りの四角形を背景が透明な別の画像として保存し、この画像を Web サイト全体ではなくフォームの背景として使用する必要があります。

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

*フォームに到達するまで、bg 画像の上、左、右、および下から画像の寸法を使用します。

于 2013-01-03T18:32:33.937 に答える