Jump to content
  • 0

Png не выравнивается по правому краю ....


Demis
 Share

Question

Добрый день, вот столкнулся с такой проблемой, есть картинка .png которую нужно положить бакграундом в правом верхнем углу ячейки таблицы, в мозиле и опере все работает, а вот ИЕ6 отказывается туда ее равнять ставит слева, как справится с этим "осликом" может кто подскажет ?

Заранее спасибо.

style="background:url('img/kat_a_002.png'); background-position: right top; //background-image: none; background-repeat: no-repeat; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/kat_a_002.png', sizingMethod='image');"

Link to comment
Share on other sites

8 answers to this question

Recommended Posts

  • 0
в таких случаях для пнг выделяется отдельный див

с заданой высотой и шириной

и уже именно он позиционируется относительно других элементов страницы

спасибо, пришлось так и делать, правда не совсем удобно но ...

предполагал просто, что выход все же есть

Link to comment
Share on other sites

  • 0

На сколько я помню спецификацию, там сказано что для атрибутов, имеющих два параметра первым указаваются координаты по вертикали, а вторым по горизонтали. У вас же указанно наоборот, то-есть вместо background-position: right top; по идее нужно писать background-position: top right; Возможно дело в этом.

Link to comment
Share on other sites

  • 0
На сколько я помню спецификацию, там сказано что для атрибутов, имеющих два параметра первым указаваются координаты по вертикали, а вторым по горизонтали. У вас же указанно наоборот, то-есть вместо background-position: right top; по идее нужно писать background-position: top right; Возможно дело в этом.

да нет, в данном случае такая расстановка роли не играет ...

Link to comment
Share on other sites

  • 0
для справки использование фильтра убивает любое управление позицией фона. Он может либо тянуться на всю область либо прилипать к верхнему левому углу.

а как кстати седьмой ослик это показывает, не вкурсе ? как мозила и опера (все работает) ?

Link to comment
Share on other sites

  • 0
для справки использование фильтра убивает любое управление позицией фона. Он может либо тянуться на всю область либо прилипать к верхнему левому углу.

а как кстати седьмой ослик это показывает, не в курсе ? как мозила и опера (все работает) ?

Для седьмого ослика это прячется, а остальные это просто проигнорят. Ибо фильтры спец для осликов писали.

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

Link to comment
Share on other sites

  • 0
На сколько я помню спецификацию, там сказано что для атрибутов, имеющих два параметра первым указаваются координаты по вертикали, а вторым по горизонтали. У вас же указанно наоборот, то-есть вместо background-position: right top; по идее нужно писать background-position: top right; Возможно дело в этом.

к сожелению, вы ошибаетесь.

top left и left top

Аналогично значению '0% 0%'.

top, top center и center top

Аналогично значению '50% 0%'.

right top и top right

Аналогично значению '100% 0%'.

left, left center и center left

Аналогично значению '0% 50%'.

center и center center

Аналогично значению '50% 50%'.

right, right center и center right

Аналогично значению '100% 50%'.

bottom left и left bottom

Аналогично значению '0% 100%'.

bottom, bottom center и center bottom

Аналогично значению '50% 100%'.

bottom right и right bottom

Аналогично значению '100% 100%'.

http://loc.stack.ru/projects/CSS2/colors.h...ound-properties

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