Foundation 5 - Internet Explorer 8 の対応方法 - 開発メモ - Webkaru
ここでは人気のフレームワーク「Foundation」の「Internet Explorer 8（IE8）」対応方法を紹介します。 フレームワークとは、あらかじめ「HTML」「CSS」「JS」がセットになっており、自分でデザインしなくてもササッと素早くWebサイトを構築できる便利な代物です。しかも、それらの多くがレスポンシブ対応なので、Web制作者に重宝されています。 有名なフレームワークをいくつか紹介。 Foundation Bootstrap HTML KickStart さて、前置きが長くなりましたが、当サイトでも利用している「Foundation 5」の「IE8」対応方法をみていきましょう。 対応方法はこちらのページを参考にしました。 https://zurb.com/article/1204/getting-foundation-and-ie8-to-play-nice Found
Forcing IE8 to rerender/repaint :before/:after pseudo elements
so I've been toying with this calendar-ish thingy for a bit: Grid of divs (mimicking a table) Hovering over a table cell displays a tooltip with 2 icons each consisting of a div with :before and :after elements Icons change colour depending on colour of cell hovered and that of its previous sibling (cell's colour class is applied to the icon). Stripped down fiddle: http://jsfiddle.net/e9PkA/1/ Thi
IE8 z-index on before and after css selectors
This is very frustrating.... http://jsfiddle.net/RRnm8/ <div id="target"> <p>Text to appear in front</p> </div> #target { position: relative; background: red; width: 200px; height: 200px; padding: 45px; } #target:before { content: "content from before, should be behind #target"; position: absolute; top: 10%; left: 10%; width: 100%; height: 100%; background: cyan; z-index: -1; } works well on every
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
