タグ

css3とIEに関するuchのブックマーク (2)

  • IE8・9にもFlexboxを対応させる、flexibility.jsがとっても便利!

    2016年1月5日 CSS, JavaScript 昨年からいろんなサイトで続々と実装されてきているFlexbox。従来の方法とは違い、簡単にCSSでレイアウトを組めちゃう素敵技です。しかし、Internet Explorer8や9等の古いブラウザーには対応しておらず、Flexboxを使いたくても使えない…というWeb制作者さんも少なくないはず。そんな悩みを今回の記事で解消します! ↑私が10年以上利用している会計ソフト! Flexboxって何? FlexboxとはFlexible Box Layout Moduleのことで、その名の通りフレキシブルで簡単にレイアウトが組めちゃうボックスです。具体的には主に以下のような事を手軽に実装できます。 CSSを一行プラスするだけで横並びにできる! 横並びになった要素の高さが最初から揃ってる! 要素を上下左右、好きな順序に並び替えられる! スペースの

    IE8・9にもFlexboxを対応させる、flexibility.jsがとっても便利!
  • IEでCSS3のドロップシャドウを使いたい

    こんばんは、martinです。CSS3+JavsScriptネタでも。目標は、IEでもCSS3のドロップシャドウ効果が得られるようになること。以下のような感じで、Firefoxとほぼ同等の効果を得ることが出来ます。左がIE8で右がFirefoxです。 [2010/08/04 01:02:25] プログラムアップデート→http://p2b.jp/2010/08/04/IE-compatible-CSS3-dropShadow CSS3では、テキストにドロップシャドウの効果を付けるtext-shadowが定義されていて (まだドラフト段階かな)、既にFirefox3.5やSafari, Chrome, Opera10などは対応しています。典型的には、以下のような感じで指定します。text-shadow: 1px 2px 3px tomato; // 順にx-offset、y-offset、ぼ

    uch
    uch 2010/08/30
  • 1