?

Log in

No account? Create an account
А нет ли здесь веб-девелоперов? - Them's the breaks
April 28th, 2011
09:22 pm

[Link]

Previous Entry Share Next Entry
А нет ли здесь веб-девелоперов?
вот такие строки в CSS-ном стиле:
{
box-shadow: 3px 3px 8px #333;
-moz-box-shadow: 3px 3px 8px #333;
-webkit-box-shadow: 3px 3px 8px #333;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#555, offX=0, offY=3, positive=true);
}

Совсем уродливый результат в IE7 на WinXP.
В Safari на Маке и Firefox в обоих системах отображение правильное.

вот для проверки картинка со стилем:



даже если вы не веб-девелопер, напишине, пожалуйста, видите ли вы белую кайму, нормальную "тенистую" тень и какая у вас операционка и браузер.

вот, для сравнения, что вижу я на MacOSX 10.6.7 в Safari 5.0.5:


заранее благодарен и проч.

UPD: Геноссе planetoberon предложил вполне прилично выглядящий компромисс:
.{
zoom: 1;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=3);
}

Картинка уже переделана с использованием этого стиля, результаты наблюдений невысказавшихся меня по прежнему интересуют. Поактивнее, товарищи!

Tags:

(31 comments | Leave a comment)

Comments
 
[User Picture]
From:herr_0berst
Date:April 29th, 2011 01:33 am (UTC)
(Link)
Всё вижу. Windows XP Pro SP3. Google Chrome 10.
[User Picture]
From:cold_n_sour
Date:April 29th, 2011 01:54 am (UTC)
(Link)
спасибо, полковник!
[User Picture]
From:oleposya
Date:April 29th, 2011 01:34 am (UTC)
(Link)
такое же вижу в Google Chrome/ Windows Vista
[User Picture]
From:cold_n_sour
Date:April 29th, 2011 01:55 am (UTC)
(Link)
спасибо, Оля!
[User Picture]
From:oleposya
Date:April 29th, 2011 01:43 am (UTC)
(Link)
а это как показывает IE9
единственно не могу ничего посоветовать - я более backend web developer
к тому же последние 4 года работаю на корпоративном интранете (без особых изысков под единый браузер с четким знанием что у юзера на экране и какие опции в IE включены админами)
[User Picture]
From:cold_n_sour
Date:April 29th, 2011 01:56 am (UTC)
(Link)
да, была надежда, что в 9-м будет поддерживаться box-shadow, но, видно, не судьба.
[User Picture]
From:olavsdottir
Date:April 29th, 2011 01:48 am (UTC)
(Link)
у меня тень какая-то не такая, как в "для проверки картинке со стилем", не такая размытая. доктор, это нормально? :) а так всё видно, да.
винда какая-то, по-моему седьмая, интернет эксплорер.
[User Picture]
From:cold_n_sour
Date:April 29th, 2011 01:57 am (UTC)
(Link)
спасибо, Олафовна!
это ненормально, тень должна быть все-таки размытая.
[User Picture]
From:planetoberon
Date:April 29th, 2011 01:49 am (UTC)
(Link)
DropShadow в IE отрисовывется всегда сплошной тенью. bydesign от MS
я рекомендовал бы использовать следующий фильтр для этих целей

.{
zoom: 1;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=3);
}

(атрибуты фильтра по вкусу)
[User Picture]
From:planetoberon
Date:April 29th, 2011 01:51 am (UTC)
(Link)
Да, собственно для дополнительного чтения смотреть здесь: http://msdn.microsoft.com/en-us/library/ms533086(v=VS.85).aspx

Я понимаю что не совсем похоже, но каждый броузер размачивает стили на свой лад. Есть слабая надежда на CSS3 что они приведут все к болеменее похожее, но... до сих пор не удавалось.
[User Picture]
From:oleposya
Date:April 29th, 2011 02:37 am (UTC)
(Link)
вот, теперь и в IE9 прилично
мне даже эта тень больше нравится (аккуратнее)
[User Picture]
From:cold_n_sour
Date:April 29th, 2011 02:46 am (UTC)
(Link)
crowdsourcing - это сила :)
[User Picture]
From:romashka_b
Date:April 29th, 2011 04:35 am (UTC)
(Link)
вижу кайму и тень, у меня w7 и опера.
[User Picture]
From:cold_n_sour
Date:April 29th, 2011 05:24 am (UTC)
(Link)
спасибо, товарищ!
[User Picture]
From:trubachev
Date:April 29th, 2011 06:19 am (UTC)
(Link)
[User Picture]
From:trubachev
Date:April 29th, 2011 06:20 am (UTC)
(Link)
Рассовополноценный Гугл хром последней версии
[User Picture]
From:gnatyuk
Date:April 29th, 2011 07:43 am (UTC)
(Link)
цель достигнута
xp&opera
[User Picture]
From:cold_n_sour
Date:April 29th, 2011 02:16 pm (UTC)
(Link)
мы оперу, мы оперу, мы очень любим оперу!
спасибо душевное.
Мои фотографии Powered by LiveJournal.com