ホームページ > 記事 > ウェブフロントエンド > 背景の黒いフレームを固定するこの効果はどのようにして実現されるのでしょうか? css ですか js_html/css_WEB-ITnose
背景の黒いフレームを固定するこの効果はどのようにして実現されるのでしょうか? css ですか js_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:22:041178ブラウズ
http://mindhacks.com/
アクセスするにはコンピューターを使用する必要があります。携帯電話ではこの効果を確認できません。背景の黒いフレームを修正するにはどうすればよいですか?ブラウザの右側のスクロールバーをどのようにスクロールしても、黒い背景の境界線は変化しません。CSSかJSかがわかりませんでした。導いてください！
ディスカッションへの返信（解決策）
携帯電話で効果が確認できない原因はレスポンシブページです
原理は次のとおりです:のボディの背景色を #1a1a1a ダークグレーに変更して、左右にブラック ボックスがあるようにします
次に、疑似クラス セレクターを使用します: before & :after で上下のブラック ボックスを実現し、位置を固定相対に設定しますブラウザウィンドウに、一定の高さを設定して、上下のブラックボックスにも
以下の簡略化したスタイルを試してみるとわかります
りー
リーリー
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。