ブラウザ間の hr 区切り文字の違い

Webページを作るときに、区切り線hrを使うことがありますが、IE6やIE7で表示するのは非常に苦痛です。この記事では、すべてのブラウザに対応したhrの書き方を説明します。

ホームページまず、次の表に示すように、さまざまなブラウザでの hr の違いを理解しましょう。

たとえば、実際の高さが 3px、境界線が 1px、境界線の色が #07f、背景色が #f60 の分割線を作成する場合は、次のようになります。

コードをコピー

コードは次のとおりです。

時間{
高さ:1px;
背景色:#f60;
境界線:1px実線 #000;
*height:3px;/* ie6 ie7 の場合 */
color:#f60;/* ie6 ie7 の場合 */
}
@-moz-document url-prefix(){ hr{height:3px;}} /* Firefox の場合 */

<<: Zabbixについて管理者ログインパスワードを忘れた場合、パスワードをリセットする

>>: ウェブのさまざまなフロントエンド印刷方法: CSS はウェブページの印刷スタイルを制御します

ブラウザ間の hr 区切り文字の違い

MySQL 8.0.12 解凍版インストールチュートリアル個人テスト！

Win10でのJDKのインストールと環境変数の設定に関する詳細なチュートリアル

Nginxの書き換えモジュールの詳細な説明

MySQL クエリのパケットが大きすぎる問題と解決策

Docker: /etc/default/docker の DOCKER_OPTS パラメータを変更しても反映されない

CSS における @ の使用法の概要 (例と説明付き)

JavaScriptイテレータを学ぶ

MySQL イベント変更イベント (ALTER EVENT)、イベントの無効化 (DISABLE)、イベントの有効化 (ENABLE)、イベント名の変更、およびデータベースイベントの移行操作の詳細な説明

NginxはIP経由の直接アクセスを禁止し、カスタム500ページにリダイレクトします

小さなページングデザイン

推薦する

DOCTYPE宣言の機能と使い方の詳しい説明

オンライン MYSQL 同期エラーのトラブルシューティング方法の概要 (必読)

MySQL で重複時間を削除して時間差を計算する実装

Centos は chrony 時間同期サーバープロセス図を構築します

UbuntuでMySQLデータベースファイルディレクトリを変更する方法

HTML の META タグの使用に関するヒントの例

Reactソースコードにおけるビット演算について詳しく説明します

Ubuntu 16.04 64 ビット版の VMware Tools のインストールと構成のグラフィックチュートリアル

MySQL データベースのインストールと Navicat for MySQL の使用に関するチュートリアル

nginx+FastDFS を使ってファイル管理システムを段階的に構築する

Vueルーティングナビゲーションガードの簡単な理解

Vue-cli を使用して Vue プロジェクトを構築する手順の詳細な説明

MySQL 外部キー設定方法の例

Ubuntuのインストール Matlab2020b の詳細なチュートリアルとリソース

Docker実践: Pythonアプリケーションのコンテナ化