Рейтинг темы:
  • 0 Голос(ов) - 0 в среднем
  • 1
  • 2
  • 3
  • 4
  • 5
Верстка - HELP
#1
Верстка - это моя слабая сторона Sad Поэтому прошу помощи опытных специалистов в этом деле, а именно верстальщиков. Изначально хотел применить округление CSS-3, но потом передумал, так IE 6-7, опера -10 версии, да и мозила тоже выделываются. А адаптировать под все браузеры не очень легко. Поэтому решил сделать старым, добрым методом - картинками.

Необходимо сделать "резиновую" шапку с "закругленными углами". Но не все так просто:
- углы - это картинки формата png
- фон градиентный (не однотонный)

Этот код работает с однотонным фоном и изображениями не "png", т. е. если фон красный, значит а пустое пространство на углах должно быть красным.

<style type="text/css">

#footer {
width: 90%;
margin: 0 auto;
}

#footer_left {
background: #000000 url('/img/footer-left.png') no-repeat;
height: 70px;
}

#footer_right {
background: url('/img/footer-right.png') top right no-repeat;
height: 70px;
}

</style>


<div id=footer>
<div id=footer_left>
<div id=footer_right></div>
</div>
</div>


Так как же быть мне с градиентным фоном?

Добавлено через 1 минуту
P.S. на "footer" в названии идентификаторов не обращайте внимание, просто надо для низа, но на шапке легче показать.
Ответ
#2
Так если png - там есть прозрачность, в чём проблема то?
Ответ
#3
Array Написал:Так если png - там есть прозрачность, в чём проблема то?

проблема в том,что оста пространство (которое по центру) я заливаю черным цветом. И получается то что в пнг, черное, и получаются углы не закругленные, а прямые.

Добавлено через 3 минуты
Посмотрите код.
Ответ
#4
http://jquery.malsup.com/corner/
Ответ
#5
PROGRAMMATOR Написал:http://jquery.malsup.com/corner/

Да знаю, все равно другие браузеры выделываются Sad

Добавлено через 57 секунд
Опера ниже 10 версии - берут в качестве фона однотонный фон, ноне градиент. И мозила тоже че-то там выделывается, не помню.

Добавлено через 1 минуту
Все четко только на Гугл Хроме.

P.S. IE самый ущербный браузер в мире. Имхо.

Добавлено через 46 минут
Переформулирую:

Имеется левый и правый угол:

[Изображение: f92af3c48e3d.png]

Надо сделать такую резиновую шапку:

[Изображение: 6fd2f231e81c.png]

Добавлено через 47 минут
Но, с учетом что фон градиентный!
Ответ


Перейти к форуму:


Пользователи, просматривающие эту тему: 1 Гость(ей)