IE6/7/8ã§ã‚‚CSS3ã®è§’丸ã€ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã€ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã€ãƒžãƒ«ãƒãƒãƒƒã‚¯ã‚°ãƒ©ãƒ³ãƒ‰ãªã©ã‚’使ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹behaviorスクリプトを紹介ã—ã¾ã™ã€‚
ãŸã£ãŸä¸€è¡Œã‚’è¿½åŠ ã™ã‚‹ã ã‘ã§IE6/7/8ã‚’CSS3対応ã«ã™ã‚‹ -CSS3 PIE
IE6/7/8ã§ã‚‚CSS3ã®è§’丸ã€ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã€ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã€ãƒžãƒ«ãƒãƒãƒƒã‚¯ã‚°ãƒ©ãƒ³ãƒ‰ãªã©ã‚’使ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹behaviorスクリプトを紹介ã—ã¾ã™ã€‚
IE6〜IE8ã‚’CSS3ã«å¯¾å¿œã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト「Kick-ass CSS3 Support in IE6, 7, and 8ã€
TOP  >  WebDesign  >  IE6〜IE8ã‚’CSS3ã«å¯¾å¿œã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト「Kick-ass CSS3 Support in IE6, 7, and 8〠WEBサイト構築ã«ãŠã„ã¦ã‚‚ã¯ã‚„常è˜ã¨ãªã£ãŸCSS。新ãŸãªä»•æ§˜ã®CSS3ãŒæ•´å‚™ã•ã‚Œã¤ã¤ã‚ã‚Šã€è¡¨ç¾ã®å¹…ã‚’ã•ã‚‰ã«åºƒã’ã¦ãれるもã®ã«ãªã£ã¦ã„ã¾ã™ãŒã€æœ€æ–°ã®ãƒ–ラウザã®ã¿å¯¾å¿œã—ã¦ãŠã‚Šã€IE6ã®ã‚ˆã†ãªã‚·ã‚§ã‚¢ãŒã‚る旧世代ã®ãƒ–ラウザã¯å¯¾å¿œã—ã¦ã„ãªã„ã¨ã„ã†ã®ãŒç¾çŠ¶ã§ã™ã€‚ãã“ã§ä»Šæ—¥ç´¹ä»‹ã™ã‚‹ã®ã¯IE6〜IE8ã‚’CSS3ã«å¯¾å¿œã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト「Kick-ass CSS3 Support in IE6, 7, and 8ã€ã§ã™ã€‚ å…¨ã¦ã®CSS3ã®ãƒ—ãƒãƒ‘ティãŒé©å¿œã•ã‚Œã‚‹ã®ã§ã¯ãªãã€è§’を丸ãã—ãŸã‚Šã€ãƒœãƒƒã‚¯ã‚¹ã«å½±ã‚’入れãŸã‚Šãƒ†ã‚ストã«å½±ã‚’入れãŸã‚Šã¨ã„ã£ãŸCSS3ã®æ©Ÿèƒ½ã‚’スクリプトã«ï½™ã»ã£ã¦å†ç¾ã™ã‚‹ã¨ã„ã†ã‚‚ã®ã§ã™ã€‚ 詳ã—ãã¯ä»¥ä¸‹ スクリプトをèªã¿è¾¼ã¾ã›ã‚‹ã¨è¨€
[JS]IE6/7/8ã§ã‚‚CSS3ãŒä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -IE-CSS3
<textarea name="code" class="css" cols="60" rows="5"> .box { -moz-border-radius: 15px; /* Firefox */ -webkit-border-radius: 15px; /* Safari and Chrome */ border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */ -moz-box-shadow: 10px 10px 20px #000; /* Firefox */ -webkit-box-shadow: 10px 10px 20px #000; /* Safari and Chrome */ box-shadow: 10px 10px 20
[CSS]IE6/7/8ã§ã‚‚CSS3ã®ã‚ˆã†ã«ãƒœãƒƒã‚¯ã‚¹ã«ã‚·ãƒ£ãƒ‰ã‚¦ã‚’ã¤ã‘るスタイルシート
<textarea name="code" class="css" cols="60" rows="5"> <!--[if IE]> <style type="text/css"> .container {padding-left:14px;} .frame {left:4px; top:4px;} .shadow {background:#000; margin:-4px -4px; filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='5', MakeShadow='true', ShadowOpacity='0.60');} </style> <![endif]--> </textarea>
IE6ã§é€éŽpngを表示ã•ã›ã‚‹ã‚ªã‚¹ã‚¹ãƒ¡scriptã€ã€ŒDD_belatedPNG.jsã€
＞＞ 詳細ãªä½¿ç”¨æ³•ã¨æ³¨æ„ç‚¹ã‚’è¿½åŠ ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã—ã¾ã—ãŸã€‚ ã„ã¾ã 絶大ãªã‚·ã‚§ã‚¢ã‚’誇るIE6（Internet Exproler 6）ã§ã™ãŒã€WEB制作者ãªã‚‰ã”å˜çŸ¥ã®é€šã‚Šã€ã•ã¾ã–ã¾ãªãƒã‚°ãƒ»ä¸å…·åˆã‚’内包ã—ã¦ãŠã‚Šã¾ã™ã€‚ ・CSSã§floatã—ãŸãƒ–ãƒãƒƒã‚¯ã®marginãŒå€ã«ãªã‚‹ã€‚ ・後方互æ›ãƒ¢ãƒ¼ãƒ‰ã®å ´åˆã€text-alignãŒåè¦ç´ ã«ã¾ã§å½±éŸ¿ã™ã‚‹ã€‚ ・é€éŽpngç”»åƒãŒé€éŽã•ã‚Œãªã„。 上記以外ã«ã‚‚ã€ãã‚Œã¯ã„ãã¤ã‚‚ã®åˆ¶ä½œè€…æ³£ã‹ã›ã®å•é¡ŒãŒã‚ã‚Šã€æ¥ç•Œå†…ã§ã¯ã€ŒIE6æ°ãã°ã„ã„ã®ã«ã€ã¨ã¾ã§è¨€ã‚ã‚Œã¦ã„るブラウザã§ã™ãŒã€å‰è¿°ã®é€šã‚Šã‚·ã‚§ã‚¢ã¯çµ¶å¤§ãªã®ã§ã€å¯¾å¿œã—ãªã„ワケã«ã‚‚ã„ã‹ãšã€‚ ã™ã§ã«ã„ãã¤ã‚‚ã®å¯¾å¿œç–ãŒå‡ºå›žã£ã¦ãŠã‚Šã¾ã™ãŒã€ãã®ä¸ã§ã‚‚自分的ã«ä¸€ç•ªã‚ªã‚¹ã‚¹ãƒ¡ã™ã‚‹ã®ãŒã€ã€ŒDD_belatedPNG.jsã€ã‚’使用ã™ã‚‹æ–¹æ³•ã§ã™ã€‚ 有åã©ã“ã‚ã®å¯¾å¿œç–を併記・比較ã—ãªãŒã‚‰ã€ã©ã“ãŒã‚ªã‚¹ã‚¹ãƒ¡ãªã®ã‹ã‚’å«ã‚ã¦ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 有åãª
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}