#html #css
#HTML #css
Вопрос:
Я искал эту проблему в течение нескольких дней. Но поскольку проблемы специфичны, то и решения обычно такие. Моя проблема довольно распространена, но решения, которые я нашел до сих пор, не сработали для меня.
-
Я использую #header div, высота которого составляет около 30 пикселей. Под этим div у меня есть 3 раздела, такие как left, center и right. У меня есть меню в виде аккордеона с js в левом div, местом содержимого в центре и скриптом «последние твиты» в правом div. Поскольку я добавил box-shadow в #header div, другие div под ним размещаются после того, где заканчивается shadow. Я использовал z-index, чтобы поместить тень заголовка div на другие div, и это отлично работает в Firefox, Safari, Chrome, даже IE9! Но когда я пытаюсь использовать более старые версии IE, все происходит так, как я говорю. Вот скриншот:http://www.twitpic.com/4kh9w3
-
Как я только что сказал, у меня есть скрипт «последние 2 твита» в правом разделе. Он заполняет элементы <ul> < li> твитами и показывает их. Чтобы я мог создать этот список в моем файле css. И то же самое, это не работает только для IE7 и 8. Я даже не упоминаю 6, это не так важно. Проблема в том, что IE автоматически прокручивает элементы списка влево. Таким образом, половина из них исчезает! Вот скриншот:http://www.twitpic.com/4khajz
Итак, что я могу сделать, чтобы сохранить мой просмотр в Firefox, Chrome и т.д., А также исправить это в Internet Explorer 7 и 8?
Комментарии:
1. Согласно ссылке , IE 6, 7 и 8 не поддерживают то, что вы пытаетесь сделать. Я долго думал, вот почему, когда я увидел ваш пост: «Подождите, вы пытаетесь использовать CSS3 в более ранних версиях IE? Хах, удачи с этим «. Так что да, IE — это дерьмо, не так ли.
2. Можете ли вы предоставить ссылки на страницу или источник, на которые мы могли бы взглянуть, чтобы нам было с чем работать?
3. Привет, я знал, что IE не поддерживает большинство возможностей CSS3, но я просто хотел узнать, есть ли какая-либо альтернатива. В любом случае, вот ссылка: pizzam.com.tr/yeni
Ответ №1:
Я не уверен, понимаю ли я вашу проблему… но если вы не можете заставить тени работать, попробуйте посмотреть здесьhttp://css3please.com
Комментарии:
1. Проблема заключается в поиске альтернативного метода для box-shadow и box-radius. Спасибо.
2. вы можете использовать это для ie для увеличения теней: 1; фильтр: progid:DXImageTransform.Microsoft. Тень (цвет = ‘#000000’, Направление = 135, сила = 3);
3. Спасибо, попробую это. Знаете ли вы что-нибудь о пробелах перед элементами списка? Я попробовал выравнивание по вертикали снизу, по левому краю: 0, заполнение по левому краю: 0, удаление пробела между </li> и новым элементом <li> , я перепробовал все. На самом деле просто закройте примерно 20 вкладок об этой проблеме. Ничего не работает. IE7 отстой, но клиент не знает, что такое Firefox. Или Chrome, Safari, Opera…