Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 16.04.2013, 22:02
Интересующийся
Отправить личное сообщение для Malsim Посмотреть профиль Найти все сообщения от Malsim
 
Регистрация: 01.04.2013
Сообщений: 20

Тень у div в IE
Ребят, всем привет! Помогите советом.

Имею div контейнер, который обладает тенью, в качестве его фона используется полупрозрачная картинка. Эффект тени и скругления добился свойствами css3 (box-shadow и border-radius).

Все последние версии браузеров отображают этот контейнер нормально, но увы IE 8 (нужна его поддержка поскольку достаточно распространенная windows7 укомплектовка этим браузером) не понимает что происходит.

Нашел решение, подключаем к таблице стилей файл pie.htc, наш ie8 научился скруглять углы и отбрасывать тень контейнера, но увы происходит заливка фона контейнера цветом самой тени, и поэтому эффекта полупрозрачности добиться не получается (фоновая картинка отображается но помимо нее, на заднем плане присутствует заливка).

Пробывал прописать в стиле background-color: transparent; но результата нет, насколько понимаю свойство background тут не причем, и ковырять надо в другом месте.
Ответить с цитированием
  #2 (permalink)  
Старый 17.04.2013, 05:21
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Да, если не ошибаюсь с pie косяки подобные вылазят.
Решение простое - забей. Проживут как-нибудь без тени. Счастливые обладатели IE8 должны быть счастливы что хоть что-то имеют.
Ответить с цитированием
  #3 (permalink)  
Старый 18.04.2013, 20:04
Аватар для Mike_Kharkov
Кандидат Javascript-наук
Отправить личное сообщение для Mike_Kharkov Посмотреть профиль Найти все сообщения от Mike_Kharkov
 
Регистрация: 04.01.2012
Сообщений: 143

Ссылку можете скинуть на пример?

Последний раз редактировалось Mike_Kharkov, 18.04.2013 в 20:22.
Ответить с цитированием
  #4 (permalink)  
Старый 18.04.2013, 20:39
Аватар для Mike_Kharkov
Кандидат Javascript-наук
Отправить личное сообщение для Mike_Kharkov Посмотреть профиль Найти все сообщения от Mike_Kharkov
 
Регистрация: 04.01.2012
Сообщений: 143

Прошу прощения.
Я понял о чём вы - но такое действительно, насколько я знаю - не лечится..
(Можно попробовать создать дополнительные 1px блоки по краям(с абсолютным позиционированием к примеру.) и тени задавать именно для них!
Полупрозрачная картинка будет естественно при этом находится в другом блоке и соответственно не будет окрашиваться тенью! Но смысла большого во всем этом нет естественно, поскольку почти с таким же успехом тени можно картинками реализовать..)

Последний раз редактировалось Mike_Kharkov, 18.04.2013 в 20:55.
Ответить с цитированием
  #5 (permalink)  
Старый 19.04.2013, 10:53
Интересующийся
Отправить личное сообщение для Malsim Посмотреть профиль Найти все сообщения от Malsim
 
Регистрация: 01.04.2013
Сообщений: 20

Спасибо за отклики) решения так и не нашел. Решил отказаться от тени в этом браузере) кто не хочет обновлять свой софт, увы не сможет любоваться всей красотой) ресурс пока в локале висит поэтому показать не могу
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Проблемы с div обновлённым через (#id).load erlcat jQuery 4 03.03.2013 03:41
При нажатии на ссылку раскрываются все div anonimous jQuery 1 09.08.2012 14:49
проблема с div И animate g00000dman jQuery 2 24.03.2011 23:34
Закрытие прозрачного div при щелчке мыши в любой его области mav1 Элементы интерфейса 8 09.02.2011 19:25
animate, всплывающий div box сделать по центру zero_mod jQuery 1 27.10.2010 00:23