CODEWITHSUNDEEP
csstransparencybackground-imageinternet-explorer-7
Osu
Osu

Reputation: 1137

IE7 showing background-color in div with bg img despite stating 'transparent'

I'm trying to get my site to behave in IE7 (how much I am starting to hate IE I can't even begin to explain). Here's the site:

http://tiger.directrouter.co.uk/~millbank/?page_id=21

As you can see, the quotes have a grey background in IE7 but not in other browsers. Any idea how I can get around this? The quotes aren't fading in when you first visit the page like they should be (this works in other browsers).

Thanks,

osu

Upvotes: 1

Views: 475

Answers (3)

Jawad
Jawad

Reputation: 6672

Just remove this

background-color: rgb(77, 77, 79);

from all the 5 divs. When you remove this in-line style, the grey background is removed in IE7. Also it is properly fading as it does in IE9.

Upvotes: 1

Brian Hoover
Brian Hoover

Reputation: 7991

You might want to try taking out the background-color in the conditional CSS for IE7 and less. 

<!--[if lte IE 7]>
    <style type="text/css">
        #quotes {
            background-color: #010C3D;<!--- REMOVE THIS LINE
            background-image:none;
        }
        .qdown, .qup {
            background-image:none;
        }
        .quote-text {
            padding:20px 20px 0 20px;   
        }
    </style>
<![endif]-->

Upvotes: 1

Marek Musielak
Marek Musielak

Reputation: 27132

You have some conditionals css for IE within the "quotes" div, don't you?

Try to move them all to or move them below the "quotes" div.

Upvotes: 0

Related Questions