css - Layered Backgrounds in IE8 -
background-image: url('/images/tenticles.png'), url('/images/header.png');
i have above code, works in both firefox , chrome. not work in ie8. wondering if there way around not working. similar html5shiv.
there multiple workarounds ie's lack of multiple background support. 1 such technique involves creating div
spans entire page, , setting background along background of body
element. technique can repeated necessary. example:
body { background-url('/images/tenticles.png'); } #background1 { background-url('/images/header.png'); } <body> <div id="background1"> </div> </body>
however, looks want along lines of css3 pie (progressive internet explorer), "makes internet explorer 6-8 capable of rendering several of useful css3 decoration features". pie's website:
pie has full or partial support following css3 features:
- border-radius
- box-shadow
- border-image
- multiple background images
- linear-gradient background image
other features under active development.
note this question similar , has lot of other useful information , techniques.
Comments
Post a Comment