0

tumblr レイアウト (私の tumblr は tsuzami.tumblr.com) の背景に固定された人物の画像があり、1366 x 768 の画面解像度では次のように表示されます。

http://oi39.tinypic.com/5x0f1g.jpg

しかし、さまざまな画面解像度を使用して screenfly でプレビューすると、その人物は明らかに愚かに見えるぎこちない場所に配置されます。

http://oi44.tinypic.com/f2yab.jpg

解像度に関係なく、意図したのと同じ場所にこの写真をロックするにはどうすればよいですか? これは私が画像に使用しているコードです:

<div style="position:fixed; top: 0px; left:-140px; z-index:-2;"><img src="http://i43.tinypic.com/j7ca2u.png"></div>
4

1 に答える 1

0

コンテンツ領域の幅が 500px であり、画面が狭くなるにつれて (デスクトップでも) コンテンツが画像を覆い始めるため、これを避けるのは困難です。ページ全体をコンテナー div でラップし、その背景として画像を配置してから、コンテナーに最小幅を設定する傾向があります。簡単な方法は、現在持っている画像 div を削除し、これらのスタイルをbody要素に追加することです。

body {
background: url(http://i43.tinypic.com/j7ca2u.png) no-repeat -250px 0;
min-width: 1200px;
}

ただし、要素に最小幅を設定することにあまり熱心ではないので、body上記のスタイルを、ページ全体を囲む div に追加することをお勧めします。

于 2013-05-05T04:17:04.607 に答える