Forums
View unanswered posts | View active topics It is currently Sun Dec 21, 2014 4:41 am



Reply to topic  [ 6 posts ] 
 Disappearing background image (tried relative, z-index) 
Author Message

Joined: Sun Jun 03, 2012 3:56 pm
Posts: 4
Post Disappearing background image (tried relative, z-index)
Hi all,

I have a horizontal bar with a background image and PIE rounded corners. Everything works fine in IE9, but the background goes missing in IE6, IE7 and IE8.

Here's the code: -

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <title> Test </title>

    <style type="text/css">

    #menu
    {
        background: red url('images/menu-bg.jpg') repeat-x center top;
        width:900px;
        height:40px;
        border:1px solid black;
        position:relative:
        z-index:99;
   
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        behavior: url(PIE/PIE.php);
    }

    </style>
</head>

<body>

  <div id="menu"> </div>

</body>


Can anybody help, this is driving me mad!!!

I've already tried using the PHP wrapper, using position:relative and using a z-index.

Thanks...


Sun Jun 03, 2012 4:06 pm
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1448
Post Re: Disappearing background image (tried relative, z-index)
Code looks fine to me. Do you have a URL where we can see this problem in action?


Sun Jun 03, 2012 5:00 pm
Profile

Joined: Sun Jun 03, 2012 3:56 pm
Posts: 4
Post Re: Disappearing background image (tried relative, z-index)
Thanks for looking.

Strangely, I've uploaded the files into a slightly different location on the same server so I can give you the URL and it now seems to be working. Nothing has changed, only the location of the files.

I suspect that Adobe Browserlab might be to blame which is a shame as its always worked well for me. Does this sound like a possibility?

I wanted to avoid going down the Virtual Machine route for testing...

Thanks.


Sun Jun 03, 2012 5:27 pm
Profile

Joined: Sun Jun 03, 2012 3:56 pm
Posts: 4
Post Re: Disappearing background image (tried relative, z-index)
Just to follow up on this, I suspect it was an .htaccess file in my root folder that was breaking things - I've tried my file in various other locations (plus also the "real" file that this test case was taken from) and it works fine in all versions.

Sorry about the false report.

There's a few hours of my life I'll never get back :x

Great work with PIE by the way - its a great bit of software...


Sun Jun 03, 2012 5:53 pm
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1448
Post Re: Disappearing background image (tried relative, z-index)
Ah yes, that makes sense. Browserlab (and other similar screenshot services) snap a screenshot on page load -- but PIE's asynchronous rendering means that sometimes it's not done when the snapshot is taken.

I do recommend VMs, but if that's not an option for you then you might try http://www.browserstack.com/ -- they provide a remote desktop connection to a running IE browser rather than just taking a single snapshot. Not free though.


Sun Jun 03, 2012 5:56 pm
Profile

Joined: Sun Jun 03, 2012 3:56 pm
Posts: 4
Post Re: Disappearing background image (tried relative, z-index)
You can set a delay of a few seconds before Browserlab takes the screenshot but not sure if that makes it foolproof.

In my example, Browserlab worked fine once I'd moved the files into a different location.

Thanks for pointing me in the direction of Browserstack - I'll take a look.

Cheers.


Sun Jun 03, 2012 6:00 pm
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 6 posts ] 

Who is online

Users browsing this forum: Bing [Bot], Exabot [Bot] and 4 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:  
cron
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.