1

背景に画像がある HTML フォームの作成に取り組んでいます。現在、特定のブラウザでのみ正しく整列し、他のブラウザでは数ピクセルずれているだけです。

次の CSS で問題が解決すると思いましたが、問題は解決しませんでした。

input {
width: 105px;    
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */    
-moz-box-sizing: border-box;    /* Firefox, other Gecko */    
box-sizing: border-box;         /* Opera/IE 8+ */ 
}

さらに、すべてのフォーム入力はフローティングされ、マージンで配置されます。

4

2 に答える 2

1

画像が静的サイズの場合は、コンテナの背景として設定し、 、、およびposition:relative;を使用position:absolute;して配置とサイズ変更を行うことを検討できます。top:left:right:bottom:

于 2012-05-08T17:03:03.487 に答える
1 
.searchBox{
  background-image:url('images/magnifying-glass.gif');
  background-repeat:no-repeat;
  padding-left:20px;
}

次に、input タグを CSS クラス「searchBox」に割り当てるだけです。

<input type="text" name="search" class="searchBox">
于 2012-05-08T17:03:19.597 に答える