HTML の背景画像が大きすぎる場合の表示の問題。help_html/css_WEB-ITnose を参照してください。-htmlチュートリアル-php.cn

HTML の背景画像が大きすぎる場合の表示の問題。help_html/css_WEB-ITnose を参照してください。

WBOY

リリース： 2016-06-21 09:47:49

オリジナル

1640 人が閲覧しました

CSS HTML 背景画像はさまざまな解像度に適応します

状況は次のとおりです。上司は 2186 x 1059 のサイズでレンダリングを行いました。今度は、上司の要求は、画面の解像度が小さい場合、中央部分のみが表示されるようにすることです。メインコンテンツですが、画面解像度が大きくなると、解像度に応じて表示も大きくなります

ディスカッション（解決策）への返信

背景を中央に設定します

divレイヤーを2つ書いて一番上を設定してみますレンダリングの左側は動的です。解像度が小さい場合は、レイヤーの 1 つを使用して余分な部分をマスクします。具体的には、解像度の範囲に基づいて計算する必要があると思います。上司が死ぬこと。。。

上司に死ねと言いなさい。。。これは素晴らしい

背景を中央に設定します

以上です~~ 背景位置: 中央上部

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style>div,body,html {margin:0;width:100%;height:100%}.main{background:url(http://news.mydrivers.com/img/20080628/07552404.jpg) no-repeat; background-position:top center;}</style></head><body><div class="main"></div></body></html>

ログイン後にコピー

これを使用してください

背景の実装としては、次の方法を使用することもできます。 it :

css:

.div{ 位置:相対; 幅: 1000px;}
.div2{ 位置: 絶対; 左:-593px; }
html:

画像アドレス