Jump to content

Текст с градиентом


Softlink
 Share

Recommended Posts

Не обязательно "псевдо". Какие-нибудь рекламные плашки, на которые должны частично налезать другие элементы... заголовки типа той раириной бабочки, в конце концов :).

А "выше со статьями" — сорри, кажется, я вообще не в теме, это где именно?

Link to comment
Share on other sites

Тут еще дело в том, что не обязательно этот текст будет в основном блоке. Может скорее всего он окажется в сайдбаре или в каких-нибудь комментариях, т.е. не обязательно задавать индекс врапперу. А если уж все-таки он будет в основном блоке, то с учетом "естественного отбора" браузеров и более-менее адекватного и предсказуемого поведения современных навигаторов, можно использовать индекс и для враппера. Это примерно то, о чем писал Илья :)

Link to comment
Share on other sites

Не обязательно "псевдо". Какие-нибудь рекламные плашки, на которые должны частично налезать другие элементы... заголовки типа той раириной бабочки, в конце концов :).

Ага, понял, спасибо.

А "выше со статьями" — сорри, кажется, я вообще не в теме, это где именно?

http://jsfiddle.net/aeMMB/7/

Link to comment
Share on other sites

Ой, трехэтажный релатив во всю площадь, да еще z-индексы взад-вперед скачут... имхо, да, здесь оно излишне. Ну и, имхо, чем меньше площадь, занятая под спецэффекты (пусть даже их основная масса в итоге остается "за кадром"), тем быстрее и надежнее. Не стоит множить сущности без крайней необходимости, как завещал дядька Оккам :)

Link to comment
Share on other sites

Ой, трехэтажный релатив во всю площадь, да еще z-индексы взад-вперед скачут... имхо, да, здесь оно излишне.

Там два релатива :) Один (для .shadow) лишний.

В крайнем случае, можно еще один раз обернуть див, с заданным релативом и успокоиться насчет враппера))

Два дива и на параграф навесили минусовой индекс http://jsfiddle.net/ud2de/ Теперь можно и забыть о релативе во всю площадь :)

Edited by Softlink
Link to comment
Share on other sites

Ой, трехэтажный релатив во всю площадь, да еще z-индексы взад-вперед скачут... имхо, да, здесь оно излишне.

Там два релатива :) Один (для .shadow) лишний.

Всё равно жестоко и очень опасно.

Link to comment
Share on other sites

Минусы

1)из-за отрицательного z-index пришлось добавить значок курсора для текста(для явности)

2)в опере(11.52) получилось какое-то большое растяжение, в результате чего часть текста просто не видно. :unsure:

3)не работает в ИЕ до 8 включительно (добавлено)

4) Заторможенный рендеринг на нетбуках и слабых машинах.

Страшно представить, что будет, если на странице будет тяжелая графика или flash анимация :dash:

PS В общем, думаю, что рано использовать градиентный рендеринг на страницах - слишком много офисного барахла в нашей (вашей) стране, да и довольно активен рынок нетбуков и портативных устройств.

Кстати, ребятки из Opera это просекли и переходят на прямую работу с железом... Opera 12 aplha - тоже лагает пример =(

Edited by Radiocity
Link to comment
Share on other sites

name='Radiocity' timestamp='1319827149'

Кстати, ребятки из Opera это просекли и переходят на прямую работу с железом... Opera 12 aplha - тоже лагает пример =(

Расскажи поподробнее пожалуйста.

Link to comment
Share on other sites

До 12 версии Opera использовала стандартные winapi функции для вывода элементарных графических элементов.

В Opera Next отказались от этой модели и решили работать напрямую с драйверами видеокарт, так как это делает OpenGL или DirectX. К сожалению, текущая версия сырая и по словам разработчиков может вызывать BSOD :yahoo:

Edited by Radiocity
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy