-1

hrWeb ページ上に水平線 (背景付きの要素を使用するか、または背景を持つ要素のみ) を作成し、中央に画像を配置する必要があります。このようなもの：

--------------- &&&& ------------

その画像は、一部が透明である必要があります。(アウトラインは常に表示されている必要があり、透明な部分はプリローダーとして機能するように、javascript を介して別の画像で埋められる必要があります)。

x の上に画像が繰り返されるコンテナ div を作成し、画像を中央に配置しますが、そうすると、画像に透明度が存在するため、画像の下にある場合でも線が表示されます。

中央の画像は、javascript でターゲットにする必要があるため、背景画像にすることはできません。（私は間違った生地かもしれません）。

これをやってのけるために何を提案できますか?

また、画像の端と線の間に空白があってはなりません。

--------&&&-------

失敗した試行: -電話でコード化:s

http://jsfiddle.net/j4eH8/1/

これを調整して、常にビューポート幅全体を使用するにはどうすればよいですか? http://jsfiddle.net/j4eH8/3/

更新：これは適切な方法でしょうか？または欠点はありますか？

http://jsfiddle.net/j4eH8/4/

ありがとう

4

1 に答える 1

2

Photoshop で必要な線とすべての仕様を備えた画像を作成できませんでしたか。2行に分割されるため、次のようなもの<hr><img src="SRC"><hr>は機能しません（このフィドルを参照）。

編集:更新されたフィドルによると、あなたはそれを理解しました。これを行うためのより良い方法に関しては、モバイルデバイスまたは縮小されたブラウザーでテストして応答性をテストすることをお勧めしますが、あなたの方法でうまくいくと思います。
フィドルで応答性をテストすると、小さいブラウザーでも動作するように見えますが、小さすぎる (約 40 ピクセル) と壊れます。ただし、壊れるほど小さい画面はありません。
簡単に言えば、投稿したフィドルを使用してください。http://jsfiddle.net/j4eH8/4/

于 2013-07-18T00:25:36.593 に答える