IE7 показывает фоновый цвет в div с bg img, несмотря на указание «прозрачный»

Question

Я пытаюсь заставить свой сайт вести себя в IE7 (насколько я начинаю ненавидеть IE, я даже не могу объяснить).Вот сайт:

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

Как видите, кавычки имеют серый фон в IE7, но не в других браузерах.Любая идея, как я могу обойти это?Кавычки не исчезают при первом посещении страницы, как должно быть (это работает в других браузерах).

Спасибо,

osu

Answer 1

Вы можете попробовать удалить фоновый цвет в условном CSS для IE7 и менее.

<!--[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]-->

Answer 2

Просто удалите это

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

из всех 5 делений.При удалении этого встроенного стиля серый фон удаляется в IE7.Кроме того, он правильно исчезает, как в IE9.

Answer 3

У вас есть некоторые условные CSS для IE в div "quotes", не так ли?

Попытайтесь переместить их все или переместить их ниже div "quotes".