Я создаю веб-сайт, который призван выглядеть как iPhone UI, и я использую всплывающее окно. По всплывающие окна (я не знаю, что это на самом деле называется) Я имею в виду такие вещи:iPhone Popup in CSS
Мой вопрос, как бы я сделать кнопки на нем? Я попробовал, и -webkit-border-image doesn't work.
Спасибо!
Есть два способы сделать это. Один из способов - использовать некоторые свойства webkit CSS, такие как -webkit-border-radius. Объедините это с другим webkit-specific properties, и вы (после долгого времени) получите неплохие результаты.
Однако, есть более простой способ. Вы также можете сделать изображение кнопки (путем фотошопа на снимке экрана) и использовать его в качестве фона для ссылки. Чем вам просто нужно найти правильный шрифт и, вероятно, использовать некоторые webkit text shadow: простой способ получить отличные результаты!
Спасибо! Действительно помогает! – Zungy
Надеюсь, я понимаю ваш вопрос правильно.
Если вам разрешено использовать CSS3 имеют вид для border-radius
Пример: (NEW LINK) http://jsfiddle.net/MGr3t/2/
CSS:
.button{
border-radius: 8px;
background-image: url("http://www.krause-sohn.com/images/background.jpg");
border-color: 1px solid black;
}
HTML
<input class="button" type="button" value="send"><br/><br/>
<img class="button" src="http://www.domain.com/background.jpg" width="100" height="40">
Примером того, что вы пробовали, было бы полезно. – j08691
@ j08691 Я сделал. Я сказал, что -webkit-border-image не работает. – Zungy
okay @Zungy, я изменил свой пример ниже, чтобы сделать его более ясным. – Joerg