ホームページ > ウェブフロントエンド > CSSチュートリアル > iOS 7でぼやけた背景画像を修正する方法?

iOS 7でぼやけた背景画像を修正する方法?

Susan Sarandon
リリース: 2024-12-11 16:18:11
オリジナル
719 人が閲覧しました

How to Fix Blurry Background Images on iOS 7?

iOS 7 の背景画像の問題を修正

iOS 7、特に iPad で固定背景画像を実装すると、問題が発生する可能性があります。ズームされたぼやけた画像。これを解決するには、次の CSS コードを確認してください:

.header {
  display: table;
  height: 100%;
  width: 100%;
  position: relative;
  color: #fff;
  background: url(../images/boston2.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
ログイン後にコピー

考えられる解決策:

  • Use 'background-attachment:scroll': これにより画像は修正されなくなりますが、少なくとも表示される可能性があります。
  • メディア クエリを実装します:
@media screen and (max-device-width: 1024px) {
  .header {
    background-attachment: scroll;
  }
}
ログイン後にコピー
  • 「background-position:scroll」と JavaScript を利用します: 画像を固定したままにしますJavaScript を使用してウィンドウの上部を表示します。
これらの解決策を検討することで、問題が発生することなく iOS 7 で固定背景画像を効果的に表示できます。

以上がiOS 7でぼやけた背景画像を修正する方法?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート