IE6/7/8ã§ã‚‚CSS3ã®è§’丸ã€ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã€ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã€ãƒžãƒ«ãƒãƒãƒƒã‚¯ã‚°ãƒ©ãƒ³ãƒ‰ãªã©ã‚’使ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹behaviorスクリプトを紹介ã—ã¾ã™ã€‚
ãŸã£ãŸä¸€è¡Œã‚’è¿½åŠ ã™ã‚‹ã ã‘ã§IE6/7/8ã‚’CSS3対応ã«ã™ã‚‹ -CSS3 PIE
IE6/7/8ã§ã‚‚CSS3ã®è§’丸ã€ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã€ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã€ãƒžãƒ«ãƒãƒãƒƒã‚¯ã‚°ãƒ©ãƒ³ãƒ‰ãªã©ã‚’使ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹behaviorスクリプトを紹介ã—ã¾ã™ã€‚
expression() > 仮想-position:fixed
ソースコード /* position-fixed */ body { filter:expression(''); } #fixed { position:fixed; _position:absolute; z-index:2; top: 0; left:0; _top: expression( document.documentElement && document.documentElement.scrollTop || document.body && body.scrollTop || 0 + 0 + 'px' ); _left:expression( document.documentElement && document.documentElement.scrollLeft || document.body && body.scrollLeft || 0 + 0 + 'px'
[CSS]IEã§ã€min-widthã‚„max-widthを実ç¾ã™ã‚‹æ–¹æ³•
CSS-Tricksã§ã€IE用ã«ã€Œexpressionã€ã‚’使用ã—ã¦ã€min-widthã€max-widthを実ç¾ã™ã‚‹æ–¹æ³•ãŒã‚¨ãƒ³ãƒˆãƒªãƒ¼ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ The Perfect Fluid Width Layout デモページã§ã¯ã€æœ€å°å¹…780pxã‚’ç¶æŒã—ã¤ã¤ã€æœ€å¤§å¹…1280px以上ã«ãªã‚‹ã¨æ®‹ã‚Šã®ç®‡æ‰€ã¯èƒŒæ™¯ç”»åƒãŒè¡¨ç¤ºã•ã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™(å‚照：ã‚ャプãƒãƒ£ç”»åƒ)。 min-widthã€max-widthã®ç®‡æ‰€ã¯ã€ä¸‹è¨˜ã®ã‚ˆã†ã«è¨˜è¿°ã•ã‚Œã¦ã„ã¾ã™ã€‚ #page-wrap{ background: white; min-width: 780px; max-width: 1260px; margin: 10px auto; width:expression(document.body.clientWidth < 782? "780px" : document.body.clientWidth > 12
1
ランã‚ング
ãŠçŸ¥ã‚‰ã›
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}