IE9以降では擬似要素が表示されているにもかかわらず、IE8では表示されていないというときの対象法です。
contentプロパティの値を空白文字を挿入することで表示される場合があります。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
.test { position: relative; } .test:after { background: #ccc; content: ' '; //空白文字を挿入 position: absolute; top: 0; right: 0; width:50px; height:50px; } } |
この記事を見た人は次の記事も見ています。
擬似要素
はじめまして。ブログバトンタッチ。
ひなまつりとWEBの話
フラットデザイン
チェックボタンがすべてチェックされているかの判定
CSSのみで作るドロップダウンメニュー- イメージマッピング（クリティカルマッピング）
WP:投稿画面のカテゴリー階層
WordPressのセキュリティを強化する- CSS Transform
フォントサイズをjQueryを使って変更- Swiper.js
illustratorパス上文字ツール
第二十一回「一括置換で時間短縮」
Custom Fields 値の文字数制限をかける
cssを使って文字を折り返す- 【CSS】clearfixの方法【float回り込み解除】
第二十三回「Imsanityを使って画像一括管理・自動リサイズ」
gradientの書き方
色の変換
コメント