| |
 85.3 Кб |
|
| | Проблема с округлением картинки и ее нахождением за овалом. Не получается картинку подогнать под овал и так чтобы ее края не были видны в броузере Ишак...вот в хроме все норм..в других броузерах не проверял...rnпомогите пожалуйста, что можно сделать, чтоб во всех броузерах корректно отображалось.
div.banners {
z-index: 1;
position: absolute;
right: 50px;
top: 110px;
width: 629px;
height: 508px;
background-image: url(../images/banner.png);
}
div.ban1 {
position: absolute;
z-index: 0;
right: 70px;
top: 140px;
}
.b-img-radius {
width: 530px;
height: 333px;
-webkit-border-radius: 250px;
-moz-border-radius: 250px;
border-radius: 250px;
-webkit-transform:rotate(-10deg);
-moz-transform:rotate(-10deg);
-o-transform:rotate(-10deg);
-ms-transform:rotate(-10deg);
}
|
| |
| |
|
|
| |
|
|
| |
для: f3nix2013
(04.02.2013 в 17:23)
| | | Давайте оригиналы картинок, что-нибудь придумаем.
А хотя... Зачем все эти мытарства? Может, достаточно использовать png-файл с прозрачностью? Его наложить существенно проще. | |
| |
|
|
| |
171 Кб |
|
| |
для: DJ Paltus
(04.02.2013 в 17:30)
| | | [url]vostoktradecompany.com[/url]
сам овал он Png а над ним jpg | |
| |
|
|
| |
|
|
| |
для: f3nix2013
(06.02.2013 в 07:44)
| | | У Вас тут проблема более комплексная, нежели торчащие углы. Проблема в самом подходе к верстке. Если Вы используете позиционирование и слои, то зачем все эти танцы с наклонами и скруглениями? Берем картинку, заранее обрабатываем ее, как надо, и накладываем - не используя пятьсот строк дополнительного кода, а только позицию и координаты. Да и вообще, то, что проделано с составляющими элементами шапки сайта, иначе как фреддикрюгерством не назовешь. Так шинковать шаблоны нельзя.
Возьмите исходник, выделите оттуда голубой фон с куском серо-розового низа, проделайте в нем овальное прозрачное отверстие и сохраните в png.
Логотип "востока" и тарелку с креветосами и тенью сохраните также в png на прозрачном фоне.
Сделайте отдельно серенькую плашку под верхнее меню - сохраните ее левый и правый края в виде png с полупрозрачностью, серединку сделайте отдельно и ею заполните фон слоя под меню, который потом наложим, прикрепив краешки по бокам.
Затем все это позиционируйте друг относительно друга так, как оно должно быть, пусть посередине дырка будет.
Под эту дырку положим jpeg с морепродуктами, дав ему z-index поменьше, чем у всех остальных элементов.
Прямо кулинарный рецепт получается. | |
| |
|
|
| |
|
|
| |
для: DJ Paltus
(06.02.2013 в 17:16)
| | | немного css3 для поддержания современных тенденций, не повредит =))
а вообще странно, все и так порезано картинками по кускам, зачем надо было эту картинку
круглить/вертеть....
кстати если интересно про экспериментировать, гляньте PIE.htc в нете и им схожее...
это для ie < 9, немного css3 поддержки.... возможно поможет. | |
| |
|
|
