CSS3 PIE Forums
http://css3pie.com/forum/

IE8 background issue
http://css3pie.com/forum/viewtopic.php?f=3&t=1418
Page 1 of 2

Author:  abder [ Sat Dec 10, 2011 4:44 am ]
Post subject:  IE8 background issue

my site url: http://sware.me

the issue:
the blocks on my site working well in the most standart webrowser either in IE7 or IE9
but when i load my site in IE8 all the blocks with border-radious and 2 image background (right and bottom) are not working.

IE8 View on some of my blocks:
http://img855.imageshack.us/img855/1293/2222sp.jpg
(not display border-radius or a background image on the sides)

Chrome / FF / IE7/9 View:
http://img694.imageshack.us/img694/2871/222iu.jpg
(display border and background well)

any help? i know this is a known issue but if anyone have a idea how to fix it in my case it is would help a lot

thanks!!

Author:  jason [ Sat Dec 10, 2011 11:29 am ]
Post subject:  Re: IE8 background issue

See http://css3pie.com/documentation/known-issues/#z-index

Author:  abder [ Mon Dec 12, 2011 11:08 am ]
Post subject:  Re: IE8 background issue

i dont understand what i have to do


the css:
Code:
#inner-center-des
{
   margin: 4px 0px;
   float: left;
   height: 350px;
   color: #00526d;
   font-size: 12px;
   overflow: hidden;
   width: 355px;
   padding: 5px 8px 5px 0;
   border: 4px solid #e2e2e2;
   -webkit-border-radius: 13px;
   -moz-border-radius: 13px;
   border-radius: 13px;
   background: url(images/inner-news-bottom.png) repeat-x right bottom, url(images/inner-news-right.png) repeat-y right top;
   -pie-background: #ffffff, url(images/inner-news-bottom.png) repeat-x right bottom, url(images/inner-news-right.png) repeat-y right top;
   background-color: #ffffff;
   behavior: url(/wp-content/themes/sware/PIE.htc);
}


the html:
Code:
                  <div id="inner-center-des">
                     contect here
                  </div>



help? thanks!

Author:  jason [ Mon Dec 12, 2011 11:14 am ]
Post subject:  Re: IE8 background issue

Well it's right there at that link, I'll paste it here for you:

Quote:
1. make the target element position:relative, or
2. make the ancestor element position:relative and give it a z-index.

Author:  abder [ Mon Dec 12, 2011 11:50 am ]
Post subject:  Re: IE8 background issue

thanks for the quick reply, i am not too lazy :0 it tryed it..

add to #inner-center-des, posting: relative ...
and nothing, i do something worng?

can you please exmaple this on my code?

thanks, you going a great job!

Author:  Tonttu [ Mon Dec 12, 2011 2:04 pm ]
Post subject:  Re: IE8 background issue

What about your z-index?

Author:  abder [ Mon Dec 12, 2011 5:33 pm ]
Post subject:  Re: IE8 background issue

also try z-index

position: relative;
z-index: 99;
or
z-index: -1;
or
z-index: 1;


nothing doesnt work..

thanks

Author:  jason [ Mon Dec 12, 2011 6:59 pm ]
Post subject:  Re: IE8 background issue

There may be a bug here, but I'm confused what you are expecting to happen with this style:

Quote:
-pie-background: #ffffff, url(images/inner-news-bottom.png) repeat-x right bottom, url(images/inner-news-right.png) repeat-y right top;


Technically this is an invalid value according to the CSS3 spec, which says that a color value can only appear in the final background layer. This may be confusing PIE's parser.

Author:  FrugalWebDesigns [ Sun Feb 02, 2014 8:11 am ]
Post subject:  Re: IE8 background issue

A couple of notes:
1)There are some web server that have trouble using PIE with backgrounds. I have no trouble at all with 000webhost and others, but AwardSpace.com has some issue with images being called when the parent html is not involved. I tested this by trying to go directly to an image in the address bar. First time is loads but won't reload. Probably a PHP setting.
2)I too can load colors but not images. I've had to resort to a less than optimal solution polyfill.

Another issue worth mentioning. When I tried to use border radius since the background couldn't parse, I had a black panel. I placed a parent container behind and gave it a border. Then the child container (my real container with an image background and info) was placed inside. Even though PIE is still showing a black border, it's for the parent that is behind the child container. So by adjusting padding and margin, the background shows through and the borders are rounded. Of course I was using -pie-background: url(path to image); I did try moving the image around and lots of other things including adjusting the .htaccess file. Nothing worked but the parent/child method for the panels.

Hope this helps someone else who has a restrictive host that won't open up their php for callng images. PIE is working fine on other hosts.

Author:  lazicu [ Thu Nov 06, 2014 2:46 am ]
Post subject:  Re: IE8 background issue

I also tried z-index, it doesn't work for me too.

Page 1 of 2 All times are UTC - 7 hours [ DST ]
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/