ブラウザ間の 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 でファイルデータをインポートする際の 1290 エラーの解決方法

UDP シンプルサーバークライアントコード例

標準のMySQL (x64) Windowsバージョンのインストール手順の詳細な説明

Windows 10 でカスタムドメイン名をバインドするように Hexo と GitHub を構成する方法

CSSはマウスが画像に移動したときにマスク効果を実現します

リモート Linux システムでポートが開いているかどうかを確認する 3 つの方法

Linuxコマンドをバックグラウンドで実行する方法

HTMLの行間設定方法と問題点

Linux カーネルの copy_{to, from}_user() に関する考察

mysql8.0.21 のダウンロードとインストールに関する詳細なチュートリアル

推薦する

CSS3の3D効果を使って立方体を作成する

シンプルなプログレスバーを作成するための HTML+CSS

レスポンシブレイアウトの概要（推奨）

画像にマウスを置いたときにズームイン/ズームアウトするには JS を使用します

Vue がコンポーネント通信を実装する 8 つの例

MySQLパスワード変更例の詳細な説明

NavicatがMySQLに接続すると、10060、1045エラーとmy.iniの場所が報告されます。

js でパズルゲームを実装する

MySQL 5.7.23 winx64 のインストールと設定方法のグラフィックチュートリアル (win10 の場合)

MySQL 8.0 で列を素早く追加する方法

CentOS7 ファイアウォール操作コマンドの完全なリスト

Centos 7にmysql5.7.24バイナリバージョンをインストールする方法と解決方法

MYSQL の解凍版における中国語の文字化け問題の解決方法

CSS を使用して小さな画像をプルダウンし、大きな画像と情報を表示する方法

Vue のミックスインの使用方法の詳細な説明