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

Popular posts from this blog

apache - Add omitted ? to URLs -

redirect - bbPress Forum - rewrite to wwww.mysite prohibits login -

php - How can I stop spam on my custom forum/blog? -