2/3 CSSãƒãƒƒã‚¯ã‚’使ã‚ãšIEã®ãƒã‚°ã«å¯¾å‡¦ã™ã‚‹æ–¹æ³• [ホームページ作æˆ] All About
CSSãƒãƒƒã‚¯ã‚’使ã‚ãšIEã®ãƒã‚°ã«å¯¾å‡¦ã™ã‚‹æ–¹æ³•(2ページ目)特定ã®ãƒ–ラウザã«é™å®šã—ã¦ã‚¹ã‚¿ã‚¤ãƒ«ã‚’é©ç”¨ã™ã‚‹æ–¹æ³•ã¨ã—ã¦ã€ãƒ–ラウザã®ãƒã‚°ã‚’利用ã—ãŸã€ŒCSS Hack(ãƒãƒƒã‚¯)ã€ãŒã‚ˆã使ã‚ã‚Œã¦ã„ã¾ã™ã€‚IEã§ã®ã¿è¡¨ç¤ºãŒãŠã‹ã—ããªã‚‹å ´åˆã®å¯¾ç–ãªã©ã‚‚紹介。
![2/3 CSSãƒãƒƒã‚¯ã‚’使ã‚ãšIEã®ãƒã‚°ã«å¯¾å‡¦ã™ã‚‹æ–¹æ³• [ホームページ作æˆ] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
JSONã‚’vbscriptã¨ã—ã¦èªã¿è¾¼ã¾ã›ã‚‹JSONãƒã‚¤ã‚¸ãƒ£ãƒƒã‚¯(CVE-2013-1297)ã«æ³¨æ„
ã¯ã›ãŒã‚よã†ã™ã‘æ°ã®ãƒ–ãƒã‚°ã‚¨ãƒ³ãƒˆãƒªã€Œæ©Ÿå¯†æƒ…å ±ã‚’å«ã‚€JSONã«ã¯ X-Content-Type-Options: nosniff ã‚’ã¤ã‘ã‚‹ã¹ãã€ã«ã¦ã€å·§å¦™ãªç½ を仕掛ã‘ã‚‹ã“ã¨ã«ã‚ˆã‚Šã€åˆ¥ãƒ‰ãƒ¡ã‚¤ãƒ³ã®JSONデータをvbscriptã¨ã—ã¦èªã¿è¾¼ã¿ã€ã‚¨ãƒ©ãƒ¼ãƒãƒ³ãƒ‰ãƒ©çµŒç”±ã§æ©Ÿå¯†æƒ…å ±ã‚’ç›—ã¿å‡ºã™ã¨ã„ã†æ‰‹æ³•ãŒç´¹ä»‹ã•ã‚Œã¾ã—ãŸã€‚ã“ã‚Œã¯ã€IEã®è„†å¼±æ€§CVE-2013-1297を悪用ã—ãŸã‚‚ã®ã§ã€MS13-037ã«ã¦è§£æ¶ˆã•ã‚Œã¦ã„ã¾ã™ãŒã€MS13-037ã¯IE6～IE8ãŒå¯¾è±¡ã§ã‚ã‚Šã€IE9以é™ã§ã¯è§£æ¶ˆã•ã‚Œã¦ã„ã¾ã›ã‚“。 ã¾ãŸã€MS13-037ã‚’é©ç”¨ã„ã¦ã„ãªã„IE6～IE8ã®åˆ©ç”¨è€…ã‚‚ã—ã°ã‚‰ã残るã¨è€ƒãˆã‚‰ã‚Œã‚‹ã“ã¨ã‹ã‚‰ã€ã“ã®å•é¡Œã‚’詳ã—ã説明致ã—ã¾ã™ã€‚サイトå´ã®å¯¾ç–ã®å‚考ã«ã—ã¦ä¸‹ã•ã„。 å•é¡Œã®æ¦‚è¦ JSONå½¢å¼ã®ãƒ‡ãƒ¼ã‚¿ã¯ã€é€šå¸¸ã¯XMLHttpRequestオブジェクトã«ã‚ˆã‚Šèªã¿å‡ºã—ã¾ã™ãŒã€æ”»æ’ƒè€…ãŒç½ サイトを作æˆã—ã¦ã€vbscript
CSS/HTMLã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’クãƒã‚¹ãƒ–ラウザ対応（特ã«IE）ã«ã™ã‚‹æ–¹æ³•ã®ã¾ã¨ã‚
17 CSS/HTML Effects with Cross-Browsing Alternatives サãƒãƒ¼ãƒˆã—ãªã„ブラウザã¸ã®å¯¾å¿œæ–¹æ³•ã¯JavaScriptを利用ã™ã‚‹ãªã©ã„ã‚ã„ã‚ã‚ã‚Šã¾ã™ãŒã€ãã®ä¸ã®ä¸€ã¤ã¨ã—ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ [ad#ad-2] 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ å¹…ã®æœ€å°å€¤ãƒ»æœ€å¤§å€¤ (IE included) RGBa (IE included) ä¸é€æ˜Žåº¦ (IE included) ç”»åƒã®å›žè»¢ãƒ»æ‹¡å¤§ç¸®å° (IE included) 背景をブラウザã„ã£ã±ã„ã«è¡¨ç¤º (IE included) ç”»åƒç„¡ã—ã®ãƒ“ュレット テã‚ストã®ã‚·ãƒ£ãƒ‰ã‚¦ (IE included) 複数ã®ãƒœãƒ¼ãƒ€ãƒ¼ (IE included) ボックスシャドウ (IE included) 角丸 スクリーンリーダー用ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ ãƒã‚¬ãƒ†ã‚£ãƒ–値ã§æŒ‡å®šã—ãŸtext-indent Clearfix (IE inclu
ãŸã£ãŸ2è¡Œã§IE5.5～IE8をモダンブラウザã®æŒ™å‹•ã«ã™ã‚‹é”法ã®JS | ATTRIP
開発者泣ã‹ã›ã®å•é¡Œå…ブラウザã€Internet Explorerã§ã™ãŒã€IE5.5ã€IE6ã€IE7ã€IE8をモダンブラウザã®æŒ™å‹•ã«ã™ã‚‹ç¥žJSãŒGoogle Codeã§é…布ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ ã¨ã‚Šã¾ã€ attripã®ãƒ‡ã‚¶ã‚¤ãƒ³å´©ã‚Œã¯ã“ã‚Œã§è§£æ±ºã§ãã¾ã—ãŸï¼ 使ã„æ–¹ã¯ç°¡å˜ï¼ä¸‹è¨˜ã®ã‚³ãƒ¼ãƒ‰ã‚’貼り付ã‘ã‚Œã°OKï¼ ã¾ã˜ä»ã€‚ 「IE9.jsã€ã¯ã€IEを普通ã®ãƒ¢ãƒ€ãƒ³ãƒ–ラウザã®æŒ™å‹•ã«ã™ã‚‹JSã§ã™ã€‚IE5ã€IE6ã§ã‚‚é€éŽPNGãŒä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ 「css3-mediaqueries.jsã€ã¯ã€IEã§CSS3 Media Queriesを使ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹JS。レスãƒãƒ³ã‚·ãƒ–デザインã®ã‚µã‚¤ãƒˆã‚’IEã§ã‚‚見れるよã†ã«ã—ã¾ã™ã€‚ ã¡ãªã¿ã«ã€border-radiusã‚„ã€box-shadow ã¯ã§ãã¾ã›ã‚“ã§ã—ãŸã€‚ ã‚ã¨ã€IEã§ã®è¦‹ãˆæ–¹ã‚’ãƒã‚§ãƒƒã‚¯ã™ã‚‹æ–¹æ³•ã¯ã“ã¡ã‚‰â†“↓ IE9環境ã§IE6/IE7/IE8/IE9表示ã™ã‚‹æ–¹æ³•(å…±å˜
IE6～IE8ã§CSS3ãŒä½¿ãˆã‚‹ã€ŒCSS3 PIE 1.0.0ã€ç™»å ´
PIE makes Internet Explorer 6-9 capable of rendering several of the most useful CSS3 decoration features. 15æ—¥(米国時間)ã€ã€ŒCSS3 PIEã€åˆã®ãƒ¡ã‚¸ãƒ£ãƒ¼ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¨ãªã‚‹ã€ŒCSS3 PIE 1.0.0ã€ãŒå…¬é–‹ã•ã‚ŒãŸã€‚CSS3 PIEã¯ã€CSSレベル3ã«å¯¾å¿œã—ã¦ã„ãªã„IE 6/IE 7/IE 8ã«å¯¾ã—ã¦ã€ã„ãã¤ã‹ã®CSS3プãƒãƒ‘ティをレンダリングã™ã‚‹æ©Ÿèƒ½ã‚’æä¾›ã™ã‚‹ãƒ—ãƒã‚°ãƒ©ãƒ 。Apache License v2ãŠã‚ˆã³GPL v2ã®ãƒ‡ãƒ¥ã‚¢ãƒ«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã®ã‚‚ã¨ã‚ªãƒ¼ãƒ—ンソースã§å…¬é–‹ã•ã‚Œã¦ã„る。 CSS3 PIEã¯ã€æ—¢å˜ã®CSSスタイルシートã«ã€Œbehavior: url(PIE.htc);ã€ã®1è¡Œã‚’è¿½åŠ ã™ã‚‹ã ã‘ã§CSS3ãŒåˆ©ç”¨ã§ãるよã†ã«ãªã‚‹ãƒ¦ãƒ¼ãƒ†ã‚£ãƒªãƒ†ã‚£ãƒ„ール。ç¾åœ¨ã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ã‚‹CSS3
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}