ブラウザ間の 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 区切り文字の違い

NginxはLua+Redisを使用してIPを動的にブロックします

Tomcat の構成と最適化ソリューションの詳細な説明

NavicatがMySQL8.0.11に接続するとエラー2059が発生する

Linux における mv コマンドの高度な使用例

WeChatアプレットでQRコードを識別するために長押しする実装プロセス

Vue プロジェクトで TypeScript クラスを適用する方法

Vue における LocalStorage と SessionStorage の違いと使い方

Windows に異なる (2 つの) バージョンの MySQL データベースをインストールする詳細なチュートリアル

MySQLの実行原理、論理階層化、データベース処理エンジンの変更について詳しく説明します

MySQLデュアルマスター（マスターマスター）アーキテクチャ構成ソリューション

推薦する

JavaScript で charAt() を使用して、最も頻繁に出現する文字とその出現回数をカウントする方法を教えます。

Centos7でファイルをバックアップするときは、バックアップファイルにバックアップの日付を追加します

CMD で MySQL データベースを操作するときに中国語の文字化けが発生する問題の解決方法

JavaScript のクロージャの詳細な説明

カスタムスクロールバー効果を実現するJavaScript

Vue のクロスドメイン問題の処理と解決策の概要

HTML は CSS スタイルと JS スクリプトを動的に読み込みます。例

Linux システムで TCP 接続を作成するプロセスの紹介

echarts ワードクラウドチャートを使用した Vue の実践記録

WeChatアプレットは写真アップロード機能を実現

MySQL 20 の高性能アーキテクチャ設計原則 (収集する価値あり)

シンプルなカウントダウン効果を実現するJavaScript

Docker+daocloudはフロントエンドプロジェクトの自動構築とデプロイを実現します

デザイン理論: コンテンツプレゼンテーションのための 10 のヒント

Vueはプラグインを使用して画像を比例してカットします