Forums
View unanswered posts | View active topics It is currently Wed Oct 22, 2014 9:00 pm



Reply to topic  [ 5 posts ] 
 IE8 x64 strange tansparent line on top end of background? 
Author Message

Joined: Sun Oct 31, 2010 10:23 am
Posts: 3
Post 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…


Sun Oct 31, 2010 1:15 pm
Profile

Joined: Sun Oct 31, 2010 10:23 am
Posts: 3
Post 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.


Sun Oct 31, 2010 2:07 pm
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1446
Post 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


Sun Oct 31, 2010 2:16 pm
Profile

Joined: Sun Oct 31, 2010 10:23 am
Posts: 3
Post 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.


Mon Nov 01, 2010 2:51 pm
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1446
Post Re: IE8 x64 strange tansparent line on top end of background
That does help, thank you! :)


Mon Nov 01, 2010 4:13 pm
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 5 posts ] 

Who is online

Users browsing this forum: Exabot [Bot] and 3 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.