Jump to content
  • 0

круглые углы...


paska
 Share

Question

Всем здрасте.

Да, снова круглые углы. Юзал поиск - и не нешел того, что надо.

Задача:

блок с круглыми углами

Требования:

  1. блок должен быть масштабируемым;
  2. нужна граница к блоку (stroke);
  3. углы должны быть прозрачные;
  4. нужно обрамление блока (сори за корявый язык, привык к инозёмному языку) - glow;
  5. IE 6 поддержка.

мое решение (вернее то, что удалось подбрать из разных статей и примеров):

  1. масшатабирование достигается по обоим осям, но код при этом нагромождается жутко (пример здесь).
  2. отображение в IE 6:


    для отображения прозрачности в ie_6 я использовал
    .png, 8 bit
    . юзал fireWorks cs3. в этой софтине можно выбрать
    index transparency
    или
    alpha transparency
    . я выбрал
    alpha transparency
    поскольку index transparency криво отображает stroke, включая FF. итого, используя
    .png, 8 bit
    при
    alpha transparency
    - блок отображется гуд в браузерах (проврял в FF, opera, IE_7 - в друхих не проверял, думаю будет тоже все гуд)
    кроме ie_6
    .

    в ie_6: stroke отображатся криво (в районе скругления), glow - не отображается вовсе. зато при этом поддерживаетя прозрачность.


В результате не устраиват:

  • размер кода, для отображения одного блока;
  • не корректное отображение в ie_6;

кто как решает такие задачи (пердпочтительно без использования js) - подскажите. заранее спс.

Edited by paska
Link to comment
Share on other sites

3 answers to this question

Recommended Posts

  • 0

вот мне интересно, что вы подразумеваете под нагромаждением кода. вы все хотите в один див сделать что ли? )

это как верста таблицей или дивами. никогда не понимал тех, кто делает\просит кучу дивов в замен одной таблички, ради каркаса. (лирическое отступление)

закругления часто спрайтами делают. и тут не столько нагромождения кода важно, сколько размер самого спрайта я думаю.

PS: повышайте скил гугления

Edited by npofopr
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
Answer this question...

×   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