2013年3月17日のブックマーク (1件)

  • 試行錯誤しながらCSSを書いていたらIE10で表示がおもしろいことになった - bathtimefish's blog

    仕事でサイトをつくっていて、こんなふうな仕切り線みたいの(何て言うんだろう?)をCSSだけで書いてやろうといろいろ試行錯誤していた。 そしたら途中でIE10だけ表示が面白いことになった。 どんなふうになったかというと、 まずこんな感じのHTMLを書いて こんなCSSを書いてみた。 制作でメインなfirefoxでは良い感じに表示されるんだけどWebkitではタイトルの文字と三角の部分が微妙にずれてしまう。そっかーインライン要素だから高さの判定が微妙になるのかなと、ブロック要素にしたほうがいいかなとか思った。 ふとIE10ではどんな表示になるかな?とおもって見てみた。するとなんだか面白いことにw以下、スクリーンショットを撮って解説してみよう。 確認したバージョンはIE 10.0.9200.16484 for Windows8。Windows7版では確認してない。 まず普通に表示した。とりあえず

    試行錯誤しながらCSSを書いていたらIE10で表示がおもしろいことになった - bathtimefish's blog
    kojika17
    kojika17 2013/03/17
    試行錯誤しながらCSSを書いていたらIE10で表示がおもしろいことになった - bathtimefish's blog