aタグ内のテキストを非表示にして画像を表示するには?360モードレンダリングに対応

aタグ内のテキストを非表示にして画像を表示するには?360モードレンダリングに対応
多くの場合、画像を表示する<a>タグのスタイルに遭遇しますが、タグ内にテキストがあり、そのテキストを非表示にしたい場合があります。多くの場合、次のように考えます。

テキストインデント:-9999em;

しかし、今日、IE7 および 360 のデフォルトの IE モードでは画像が表示されないことがわかったので、オンラインで確認して、以下にまとめました。

IE7モードでのCSS記述方法は以下の通りです。

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

テキストインデント: -9999em;
オーバーフロー: 非表示;
float: left; //もちろん float: right; も使用できます。

上記の CSS ですでにこの問題は解決できます。

360 には IE モードとスピード モードがあります。Web ページをデフォルトのスピード モードで開きたい場合は、<head> に次の文を追加するだけです。

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

<meta name="renderer" content="webkit"> スピードモード
<meta name="renderer" content="ie-comp"> 互換モード
<meta name="renderer" content="ie-stand"> IE モード

<<:  CSS を使用してマウスをホバーすることで他のタグのスタイルを変更するサンプルコード

>>:  Vueは単純なランダムロールコールを実行します

推薦する

CSS のサイズ単位についての簡単な説明

ブラウザの互換性はどんどん良くなってきています。モバイル端末は基本的にすべてWebKitベースです。...

aタグのname属性とid属性を使用してページ内を移動する方法

以前はaタグのname属性を使ってジャンプする方法しか知らなかったのですが、idも使えることを今日知...

CSSスタイルで実現されるHTML背景色のグラデーション効果

エフェクトのスクリーンショット:実装コード:コードをコピーコードは次のとおりです。 <!DOC...

Linux centos7 環境での MySQL インストール チュートリアル

Linux centos7 環境に MySQL をインストールする手順の詳細な紹介MySQLをインス...

InnoDB エンジンの redo ファイルのメンテナンス方法

InnoDB REDO ログ ファイルのサイズと数を調整する場合は、次の手順に従います。 1. My...

HTML テーブル マークアップ チュートリアル (18): テーブル ヘッダー

<br />ヘッダーはテーブルの最初の行を参照します。ヘッダー内のテキストは中央揃えで太...

MySQLデータを復元する2つの方法

1. はじめに少し前、開発者がテスト環境や本番環境で誤った操作をし、データベースを誤って削除/更新し...

Rancher で Kubernetes 用の標準化された VMware イメージを構築する方法

Kubernetes を学習するときは、Kubernetes 環境で練習する必要があります。ただし、...

CSS を使用して複数の方法で等高レイアウトを実装するサンプル コード

この記事で説明する等高レイアウトでは、純粋な CSS を使用して、要素の高さを手動で設定することなく...

純粋な CSS3+DIV で小さな三角形の境界線効果を実現するためのサンプル コード

具体的なコードは次のとおりです。 HTMLコードは次のとおりです <div class=&qu...

純粋なCSSでは、子要素が親要素の幅制限を突破できる。

文章のスタイルでは、このような状況がよく見られます コードは次のとおりです <div styl...

ウェブページを白黒に変換します(Google、Firefox、IE、その他のブラウザと互換性があります)

CSSファイルに書き込むコードをコピーコードは次のとおりです。 01.html {グレイスケール(1...

Swiper+echartsは複数のダッシュボードの左右スクロール効果を実現します

この記事では、ダッシュボードの左右スクロール効果を実現するためのスワイパー+echartsの具体的な...

HTML でフロートをクリアする 2 つの方法

1. クリアフローティング法1前の親要素の高さを設定します。注: エンタープライズ開発では、可能であ...

Centos7 で crontab + シェル スクリプトによる定期的な自動ファイル削除の問題を解決する

問題の説明:最近、rsyncで毎回同期するデータ量が多いが、データベースのbakファイルを保持する必...