Проблема с прозрачными изображениями на прозрачном фоне - PullRequest
0 голосов
/ 24 августа 2009

У меня странная проблема с графикой со скругленными углами.

У меня есть HTML-страница с прозрачным телом (style = "filter: alpha (opacity = 100); непрозрачность: 100; background-color: transparent;"), и внутри этого тела находится div с изображением PNG. с закругленными углами, с прозрачностью по краям, чтобы правильно переходить с фоном.

Эта HTML-страница содержится в iFrame поверх другой HTML-страницы, поэтому я хочу, чтобы прозрачное изображение, содержащееся в iFrame, просвечивало и, таким образом, округленное изображение корректно переходило с фоном (который является изображением) на страница, которая вызывает iFrame (следовательно, тело внутри iFrame имеет прозрачный фон).

Это на самом деле работает нормально, за исключением прозрачности на закругленных углах. Почему-то вокруг закругленного угла есть очень тонкая, но заметная зазубренная черная окантовка, как будто на нее надет черный матовый материал.

Я также пробовал это с прозрачными GIF-файлами, но вместо этого получил зубчатые белые края.

Кто-нибудь когда-нибудь пытался сделать что-то подобное раньше и заставил это работать? Если это так, я хотел бы услышать, как.

EDIT Вот ссылка на результат: image Изображение с листьями является фоновым изображением (Flash) вызывающего HTML. Окно поиска содержит iFrame с прозрачным фоном.

Это происходит в IE7. Firefox выглядит нормально, как ни странно.

1 Ответ

1 голос
/ 24 августа 2009

Вы установили прозрачность для тега body на 100 ... Это означает, что он не прозрачен, для того, чтобы он был полностью прозрачным, вам нужно будет установить его на 0. Но в результате все элементы, содержащиеся в теге body быть прозрачным.

Я думаю, что происходит нечто подобное, поле поиска наследует заданный вами атрибут непрозрачности.

Если удалить настройки непрозрачности, что произойдет?

Также проверьте этот веб-сайт, http://www.domedia.org/oveklykken/css-transparency.php

...