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

IE8 x64 strange tansparent line on top end of background?
http://css3pie.com/forum/viewtopic.php?f=3&t=229
Page 1 of 1

Author:  Darquan0 [ Sun Oct 31, 2010 1:15 pm ]
Post subject:  IE8 x64 strange tansparent line on top end of background?

There is one little problem with background images.
In IE8 on x64 there is a transparent 1px “padding” between border and top of the background image.
Sample screenshot here
Image

CSS used:

body{background-color:#ccc}
.box
{
margin:10% auto;
padding:30px 50px;
width:60%;
border:1px solid #98a;
background-image:url('opbkg2.gif');
background-repeat:repeat-x;
text-align:center;
-moz-border-radius:9px;
-webkit-border-radius:9px;
-khtml-border-radius:9px;
border-radius:9px;
behavior:url('pie.htc');
}

‘opbkg2′ is a single-pixel vertical line…

Author:  Darquan0 [ Sun Oct 31, 2010 2:07 pm ]
Post subject:  Re: IE8 x64 strange tansparent line on top end of background

update: this ONLY happens if background-repeat:repeat-x is set.
if that line is commented, background properly begins at top border, without that one-pixel transparent line.

Author:  jason [ Sun Oct 31, 2010 2:16 pm ]
Post subject:  Re: IE8 x64 strange tansparent line on top end of background

Thanks for reporting this. I believe this is another manifestation of the background image clipping issue: viewtopic.php?f=3&t=24

Author:  Darquan0 [ Mon Nov 01, 2010 2:51 pm ]
Post subject:  Re: IE8 x64 strange tansparent line on top end of background

Update:
If background-color is set, "transparent" line gets filled with background-color.
IE6 is unaffected, IE7 is unaffected. So far I had not tested on IE8 on 32-bit systems, but IE8 on x64 is affected.

Additional tests results:
Background as a whole is not moved.
Instead, only one line gets "cut" and then "pasted" at "other side" of the background image.

More info.
If background is set to no-repeat only top and left lines get cut.

If background is set to repeat-x, only top line gets cut. Left line is not affected.

If background is set to repeat-y, only left line gets cut. Top line is not affected.

background used (note dotted white-black border all around background image):
Image

test case results:
Image

Hope this can be of use.

Author:  jason [ Mon Nov 01, 2010 4:13 pm ]
Post subject:  Re: IE8 x64 strange tansparent line on top end of background

That does help, thank you! :)

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