[解決済み】Text-decoration: noneが機能しない。
2022-02-03 19:30:44
質問
全くもって困惑しています。を書き換えてみました。
text-decoration: none
の行は、いくつかの異なる方法です。また、テキストをターゲットにしてサイズを変更することもできましたが、その場合は
text-decoration: none
のコードが取れません。
よろしくお願いします。
コード
.widget
{
height: 320px;
width: 220px;
background-color: #e6e6e6;
position: relative;
overflow: hidden;
}
.title
{
font-family: Georgia, Times New Roman, serif;
font-size: 12px;
color: #E6E6E6;
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
background-color: #4D4D4D;
position: absolute;
top: 0;
padding: 5px;
width: 100%;
margin-bottom: 1px;
height: 28px;
text-decoration: none;
}
a .title
{
text-decoration: none;
}
<a href="#">
<div class="widget">
<div class="title">Underlined. Why?</div>
</div>
</a>
解決方法は?
インライン要素(a)の中にブロック要素(div)が入っています。これはHTML 5では動作しますが、HTML 4では動作しません。したがって、実際にHTML 5をサポートしているブラウザのみでも動作します。
ブラウザは無効なマークアップに遭遇すると、それを修正しようとしますが、ブラウザによってその方法が異なるため、結果もさまざまです。あるブラウザはブロック要素をインライン要素の外側に移動させ、あるブラウザはそれを無視します。
関連
-
[解決済み】ダウンロードしたフォントのデコードに失敗しました。
-
[解決済み] divをクリックすると、その下にある要素に移動します。
-
[解決済み] CSS無効なプロパティ値?
-
[解決済み] FontAwesomeによる星評価用CSS
-
[解決済み] ネストしたdivのcssを簡素化
-
[解決済み] ヘッダー付きCSSボックス
-
[解決済み] twitter-bootstrapの@-ms-viewportというタグは何ですか?
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み] 画像の横のテキストを縦に揃える?
-
[解決済み] divの中のテキストを縦に揃えるにはどうしたらいいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】ボックスにサイズ/部分的なボーダーを宣言する方法はありますか?
-
[解決済み] divをクリックすると、その下にある要素に移動します。
-
[解決済み] iframe 要素の scrolling 属性は廃止されました。代わりにCSSを使用してください。
-
[解決済み] ブラウザでCSSファイルが更新されない
-
[解決済み] Bootstrap 3でnavbar-static-topは何をするのですか?
-
[解決済み] SPANのheightプロパティを設定する方法
-
[解決済み] reactでスティッキーフッターを作るには?
-
[解決済み] エレメントの角を面取りする方法を教えてください。
-
[解決済み] cssのフォントサイズ14px/26pxってどうなってるの?
-
[解決済み] CSSで背景画像を着色する方法を教えてください。