http://habrahabr.ru/rss/post/14827/ ru editor@habrahabr.ru habrahabr.ru Sat, 11 Feb 2012 11:53:53 GMT http://habrahabr.ru/ http://habrahabr.ru/i/logo.gif http://habrahabr.ru/blogs/css/14827/#comment_1934217 http://habrahabr.ru/blogs/css/14827/#comment_1934217 ]]> Fri, 28 Aug 2009 13:09:11 GMT Alinaki http://habrahabr.ru/blogs/css/14827/#comment_1180675 http://habrahabr.ru/blogs/css/14827/#comment_1180675
Z-index для картинки нужен когда уголки задаются фоном, а у вас через content. Кстати, для IE7 тоже нужно добавлять блок .after вручную.]]> Sun, 07 Dec 2008 19:49:09 GMT altspam http://habrahabr.ru/blogs/css/14827/#comment_1180203 http://habrahabr.ru/blogs/css/14827/#comment_1180203 Но я рад, что у вас получилось)]]> Sun, 07 Dec 2008 13:35:13 GMT hlomzik http://habrahabr.ru/blogs/css/14827/#comment_1177957 http://habrahabr.ru/blogs/css/14827/#comment_1177957 Fri, 05 Dec 2008 22:30:22 GMT altspam http://habrahabr.ru/blogs/css/14827/#comment_1177952 http://habrahabr.ru/blogs/css/14827/#comment_1177952 Fri, 05 Dec 2008 22:28:53 GMT altspam http://habrahabr.ru/blogs/css/14827/#comment_1176123 http://habrahabr.ru/blogs/css/14827/#comment_1176123 Fri, 05 Dec 2008 10:40:20 GMT hlomzik http://habrahabr.ru/blogs/css/14827/#comment_1175979 http://habrahabr.ru/blogs/css/14827/#comment_1175979 www.gymn1sam.ru/
В правой колонке картинка на главной
и в контенте есть
Там проблема в том, что float нужен]]> Fri, 05 Dec 2008 09:49:28 GMT dyakov http://habrahabr.ru/blogs/css/14827/#comment_1175590 http://habrahabr.ru/blogs/css/14827/#comment_1175590 wikimart.ru
В правом блоке картинки окружены рамочкой с закруглением — посмотрите.]]> Fri, 05 Dec 2008 07:35:36 GMT hlomzik http://habrahabr.ru/blogs/css/14827/#comment_1174688 http://habrahabr.ru/blogs/css/14827/#comment_1174688 Thu, 04 Dec 2008 20:42:33 GMT altspam http://habrahabr.ru/blogs/css/14827/#comment_1174681 http://habrahabr.ru/blogs/css/14827/#comment_1174681 Thu, 04 Dec 2008 20:40:48 GMT altspam http://habrahabr.ru/blogs/css/14827/#comment_1174508 http://habrahabr.ru/blogs/css/14827/#comment_1174508 довольно геморно это…]]> Thu, 04 Dec 2008 19:22:41 GMT dyakov http://habrahabr.ru/blogs/css/14827/#comment_1173004 http://habrahabr.ru/blogs/css/14827/#comment_1173004 весь блок заменяется на другое содержимое. Соответственно, для картинок и элементов форм бессмысленно применять :before и :after — они сработают только когда картинка не сможет загрузиться.]]> Thu, 04 Dec 2008 11:45:10 GMT hlomzik http://habrahabr.ru/blogs/css/14827/#comment_1171266 http://habrahabr.ru/blogs/css/14827/#comment_1171266 Никак не получается вывести их наверх, если картинка задается тегом img, а не бекграундом, то она всегда поверх блоков :before и :after, какое бы позиционирование и z-index им не задавай…]]> Wed, 03 Dec 2008 16:07:07 GMT altspam http://habrahabr.ru/blogs/css/14827/#comment_722094 http://habrahabr.ru/blogs/css/14827/#comment_722094 Mon, 23 Jun 2008 16:28:30 GMT mihmig http://habrahabr.ru/blogs/css/14827/#comment_681038 http://habrahabr.ru/blogs/css/14827/#comment_681038
> Это ваше право считать нормальным то количество костылей и подпорок, которые заставляют ие показывать так, как этого хочет дизайнер

> На поделке сидит > 2/3 пользователей.

Это вообще никак не характеризует программу... На ВАЗ тоже много народу ездит, но лучше он от этого не становится.

> Вы представляете сколько будет стоить переделки всех систем использующих движок IE?

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

> Что за тон в отношении компаний?

ммм... а каким должен быть тот? и что за тон у меня?

> Не будте смешны в их глазах

Буду стараться, спасибо]]> Thu, 05 Jun 2008 10:44:28 GMT pashka_r http://habrahabr.ru/blogs/css/14827/#comment_680782 http://habrahabr.ru/blogs/css/14827/#comment_680782
С чего вы взяли, что IE поделка? На поделке сидит > 2/3 пользователей. Что за тон в отношении компаний? Вы хоть раз занимались поддержкой продукта имеющего > 10000 копий(я не говорю уже о нескольких десятках миллионов продуктов основаных на движке IE)? Вы представляете сколько будет стоить переделки всех систем использующих движок IE? Мы не в состоянии собрать даже 0.00001% этой суммы. А кричите - долой\бойкот.

Ни кому он ни кость, поскольку, тысячи веб-разработчиков, в отличии, от кричащих, прекрасно знают все 'особенности' IE и способы как решать эти проблемы. MS прекрасно общается с ними. Попробуйте немного почитать их сайт.Не будте смешны в их глазах с криками о бойкоте.

За '-' отдельное спасибо. Это самый самый сильный довод с вашей сторон ;). Попробуйте научиться вести дискуссию, хотя бы уважая собеседников.]]> Thu, 05 Jun 2008 09:33:58 GMT pvasili http://habrahabr.ru/blogs/css/14827/#comment_680660 http://habrahabr.ru/blogs/css/14827/#comment_680660
конечно проще закрыть глаза на проблему и не признавать ее, нежели единожды решить... но куда девать маркетинг? каким еще "магическим" способом заставить пользователей "сидеть" на своей поделке?.. приведите хоть один (не промоушен) сайт, скажем, опера-онли...

не считайте себя умнее тысяч веб-разработчиков и веб-дизайнеров, для которых этот продукт даже не кость в горле...]]> Thu, 05 Jun 2008 08:58:26 GMT pashka_r http://habrahabr.ru/blogs/css/14827/#comment_680494 http://habrahabr.ru/blogs/css/14827/#comment_680494 Которое, в отличии от описанного в статье работает без всяких ограничений. И нечего ставить "-" если вы не в теме...]]> Thu, 05 Jun 2008 08:13:41 GMT pvasili http://habrahabr.ru/blogs/css/14827/#comment_680488 http://habrahabr.ru/blogs/css/14827/#comment_680488 Thu, 05 Jun 2008 08:11:12 GMT pvasili http://habrahabr.ru/blogs/css/14827/#comment_680484 http://habrahabr.ru/blogs/css/14827/#comment_680484 С чего вы взяли, что в разработке спецификации не было MS CSS? Опять же был бы рад ссылке на беспочвенное утверждение.
В одном предложении 2 существенные ошибки...]]> Thu, 05 Jun 2008 08:09:48 GMT pvasili http://habrahabr.ru/blogs/css/14827/#comment_586494 http://habrahabr.ru/blogs/css/14827/#comment_586494 Wed, 23 Apr 2008 16:20:04 GMT Delka http://habrahabr.ru/blogs/css/14827/#comment_512704 http://habrahabr.ru/blogs/css/14827/#comment_512704 Fri, 21 Mar 2008 06:52:58 GMT asterian http://habrahabr.ru/blogs/css/14827/#comment_480241 http://habrahabr.ru/blogs/css/14827/#comment_480241 отец.

большое спасибо за экспрэшены для after и before

совершенно немогу понять людяй кричащих что expression плохо, зато несемантические элементы и примитивизм в css - это хорошо.
а чтоб экспрэшены не подвешиали их, как верно заметили, нужно оптимизировать и вызывать лишь один раз.]]> Mon, 03 Mar 2008 09:06:38 GMT Delka http://habrahabr.ru/blogs/css/14827/#comment_475944 http://habrahabr.ru/blogs/css/14827/#comment_475944
В этом случане не вводится переменная и не проверяется постоянно.]]> Fri, 29 Feb 2008 11:49:12 GMT vithar http://habrahabr.ru/blogs/css/14827/#comment_455553 http://habrahabr.ru/blogs/css/14827/#comment_455553 Tue, 19 Feb 2008 05:56:49 GMT dyakov http://habrahabr.ru/blogs/css/14827/#comment_455552 http://habrahabr.ru/blogs/css/14827/#comment_455552 Tue, 19 Feb 2008 05:55:40 GMT dyakov #comment_454838 #comment_454838 вот, например вместо ...ххх... нужно писать сам код, который хочу вставить? к примеру

<span style="background: url(i/border_tr.gif) no-repeat 100% 0;height: 7px;display: block;margin: -20px -20px 13px -20px;"><img src="i/border_tl.gif" alt="" /></span>

для 'afterBegin']]> Mon, 18 Feb 2008 16:35:02 GMT arestov #comment_454797 #comment_454797 -moz-border-radius

это черновые реализации css3]]> Mon, 18 Feb 2008 16:15:12 GMT arestov http://habrahabr.ru/blogs/css/14827/#comment_450406 http://habrahabr.ru/blogs/css/14827/#comment_450406 вобщем вот мой вариант для ИЕ

функция insertAdjacentHTML вместо прямого обращения к innerHTML, соотв с параметром 'afterBegin' вставляет после начала тэга (перед контентом - аналог :before) и 'beforeEnd' (аналог :after) - вставляет до закрытия тэга...

вместо проверки !this.isInserted==true используется runtimeStyle.ххх что заставляет ИЕ не пересчитывать expression при каждом движении мыши...
подробней описано тут http://lusever.ru/proceedings/thin_css/index.html


.incut {
zoom:expression(
runtimeStyle.zoom = 1,
insertAdjacentHTML('afterBegin','...ххх...'),
insertAdjacentHTML('beforeEnd', '...ххх...')
)
}
]]> Fri, 15 Feb 2008 13:13:25 GMT rmaksim http://habrahabr.ru/blogs/css/14827/#comment_360197 http://habrahabr.ru/blogs/css/14827/#comment_360197 http://aky.pp.ru/knowledge/plop.php]]> Sun, 23 Dec 2007 21:15:54 GMT aky_pp_ru http://habrahabr.ru/blogs/css/14827/#comment_360194 http://habrahabr.ru/blogs/css/14827/#comment_360194 тут]]> Sun, 23 Dec 2007 21:14:05 GMT aky_pp_ru http://habrahabr.ru/blogs/css/14827/#comment_342500 http://habrahabr.ru/blogs/css/14827/#comment_342500 Есть замечательная ошибка в IE, "operation aborted". Возникает когда пытаемся изменить DOM-дерево до загрузки всей страницы. Может возникнуть при использовании данного метода.

Вариант лечения:

.incut{zoom:1;behavior:expression(!this.isInserted==true && iDOMLoaded ? this.isInserted=(this.innerHTML = '<span style="background: url(i/border_tr.gif) no-repeat 100% 0;height: 7px;display: block;margin: -20px -20px 13px -20px;"><img src="i/border_tl.gif" alt="" /></span>' + this.innerHTML + '<span style="background: url(i/border_br.gif) no-repeat 100% 0;height: 7px;display: block;margin:13px -20px -20px -20px;"><img src="i/border_bl.gif" alt="" /></span>') : '');}

И перед </body>:

<script type="text/javascript">iDOMLoaded = 1;</script>]]> Tue, 11 Dec 2007 12:58:29 GMT varyen http://habrahabr.ru/blogs/css/14827/#comment_337887 http://habrahabr.ru/blogs/css/14827/#comment_337887 http://illandril.net/jQuery/transparentCorners/cornerTests.html

Проверял в разных броузерах-> (IE6&7/Opera/FF) - работает!]]> Fri, 07 Dec 2007 15:43:28 GMT Pavel_Pronskiy http://habrahabr.ru/blogs/css/14827/#comment_337348 http://habrahabr.ru/blogs/css/14827/#comment_337348 Fri, 07 Dec 2007 09:37:37 GMT varyen http://habrahabr.ru/blogs/css/14827/#comment_292712 http://habrahabr.ru/blogs/css/14827/#comment_292712 Fri, 02 Nov 2007 14:40:07 GMT gudoshi http://habrahabr.ru/blogs/css/14827/#comment_271893 http://habrahabr.ru/blogs/css/14827/#comment_271893 Mon, 15 Oct 2007 19:09:07 GMT pvasili http://habrahabr.ru/blogs/css/14827/#comment_271786 http://habrahabr.ru/blogs/css/14827/#comment_271786 ... могут немного посмотреть на работы профессионалов
а чем этот метод не профессионален???

по мне так лучше в коде видеть запись вида

<div class="box">
текст
</div>


чем как у "бескартиночных" профессионалов с cssplay

<div class="box">
<b class="top"><b class="b1"/><b class="b2"/><b class="b3"/><b class="b4"/></b>
<div class="boxcontent">
текст
</div>
<b class="bottom"><b class="b4b"/><b class="b3b"/><b class="b2b"/><b class="b1b"/></b>
</div>


или с теми же картинками как минимум еще с пару блоками внутри (к примеру, без учета конкретного дизайна)

<div class="box">
<div class="top"><div></div></div>
текст
<div class="bottom"><div></div></div>
</div>


да, есть у "нас" 6-ка, всмысле ИЕ :)... ниче с этим не поделаешь...]]> Mon, 15 Oct 2007 16:47:00 GMT zealous http://habrahabr.ru/blogs/css/14827/#comment_271307 http://habrahabr.ru/blogs/css/14827/#comment_271307 Все уже открыто и исследовано до него. Да и странный топик. Вроде как велосипед изобретён уже давно.
Больше как 3 года все нормально катаются. Жаль, что кто-то не в курсе. Есть полно валидных решений на чистом CSS.
А использовать JS и кучу вещи, которые IE не поддерживает - увольте, читайте книжки(блоги).

1)Не понятно кто и как рейтингу :). * n1313 8 октября 2007 15:31 дал корректную ссылку, где начинающие могут немного посмотреть на работы профессионалов, и кто это оценил?
2) Кто мне приведёт ссылку на СТАНДАРТ в CSS? Ставлю ящик пива. Есть спецификация(подчеркнуто), которая написана несколько туманно и некоторые вещи отданы на откуп пользовательским агентам(броузерам), так что на IE местами нечего пинать. Сравните время его выхода со временем последней редакции спецификации CSS 2]]> Mon, 15 Oct 2007 11:07:10 GMT pvasili http://habrahabr.ru/blogs/css/14827/#comment_269503 http://habrahabr.ru/blogs/css/14827/#comment_269503 >Ну а кто вам мешает...

мешает спецификация:

12.1 Псевдоэлементы :before и :after
Агенты пользователей должны игнорировать следующие свойства с псевдоэлементами :before и :after: 'position', 'float', свойства списков и свойства таблиц.

если можно еще "как-то" это сделать - очень было бы интересно, потому как пригодилось бы...]]> Fri, 12 Oct 2007 20:43:55 GMT zealous http://habrahabr.ru/blogs/css/14827/#comment_269111 http://habrahabr.ru/blogs/css/14827/#comment_269111 раз, идва (всю ветку обсуждения)]]> Fri, 12 Oct 2007 13:12:39 GMT Devgru