Это выглядит отлично в IE9, Firefox и Chrome, но в IE8 все это разворачивается. Любые идеи по этому поводу? Я на WordPress, используя тезисы Темы. Я использую custom.css для своих изменений.Проблемы с IE8 - Выглядит хорошо в других браузерах
Мой сайт: http://www.7637olympia.com/
Можете ли вы предложить, как заставить его работать с IE8, а также в других браузерах?
Я думал, что с IE7 была поддержка правила css filter:alpha(opacity=x);, чтобы избежать использования полупрозрачных png. Разве это не так?
В вашем сайте, вы будете использовать:
.custom #page {
background-color: #000;
filter:alpha(opacity=50);
background-color: rgba(0, 0, 0, 0.5);
border-radius: 10px 10px 10px 10px;
padding-top: 5px;
}
Как я понимаю, IE будет игнорировать значение RGBA и использовать два высших правила, чтобы получить такой же эффект.
Единственным недостатком использования непрозрачности элемента (в новых браузерах) является то, что он задает его по всему элементу, а не только по цвету фона, поэтому весь текст и границы и т. Д. Являются полупрозрачными. Но я, по крайней мере, попробовал бы это, чтобы посмотреть, достаточно ли это.
Помните: единственная причина, по которой люди не могут перейти на более высокие версии IE (или перейти на FF или Chrome), - это то, что мы идем на такие большие длины, чтобы обеспечить хороший дизайн в этих устаревших браузерах. Если достаточно сайтов выглядят как собачьи дерьмо, они, в конце концов, поймут, что это не сайты, это их старый браузер. Поэтому не теряйте слишком много времени и энергии, поддерживая уже слишком медленный переход от плохой погоды IE.
IE8 не поддерживает цвета rgba. Если вы хотите, чтобы он работал в IE8, создайте небольшой png (любой другой размер, чем 1x1 пиксель) с той же непрозрачностью и примените его в качестве фона для div. Или вы можете использовать только таблицу стилей IE8 и установить другой цвет фона, отличный от белого.
Вот почему я упомянул использовать размер, отличный от 1x1. – Bill
Извините, я ошибся –
Для имитации RGBA и HSLA фона в IE, вы можете использовать градиентный фильтр, с тем же самым начальным и конечным цветом (альфа-канал первая пара в значении HEX):
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4cffffff', endColorstr='#4cffffff');
или использование a .png Изображение размером 1x2 вместо 1x1.
потому, что Internet Explorer 8 не выполняет повторение в 1x1 пикселя полупрозрачный фоновое изображение правильно, когда любой другой элемент на странице, используя «-ms-фильтр» drective для альфа-прозрачности
Да, это сделал трюк! Бесконечно благодарен! Он отлично выглядит в IE9, FF и Chrome. Единственное, что не сработало, - это углы радиуса, но со мной все в порядке. До тех пор, пока работает непрозрачность, достаточно хорошо. Это наверняка будет стоить того, чтобы все браузеры могли придумать стандарт по всем направлениям ... мы все могли бы спать по ночам. Но я думаю, что это забавная часть обо всем этом. Спасибо еще раз за помощь. – user1341199
О да, вы правы в том, что шрифты полупрозрачны. Это не так плохо, так что я буду жить с ним. – user1341199