Закругленные углы без положения относительно

Question

Я хочу, чтобы фрагмент кода был округленным для этой страницы http://www.freecsstemplates.org/preview/fotofolium/. Когда я использую файл PIE.htc, он работает только при объявлении позиции: relative; везде я использовал его &, что мешает макету. Может ли кто-нибудь предложить код, который работает без атрибута позиции для этого шаблона.

Я не дал moz & webkit, но он работает в других, таких как сафари, хром. Я дал только

border-radius:5px; 
behavior: url("PIE.htc"); 
position: relative; 

, чтобы он работал в каждом браузере. Это не работает только в IE, если удалить позицию атрибута даже PIE.htc.I используется Моса, WebKit для пограничного ящика, может быть и так Workin с FF, Opera и т.д.

Answer 1

Использование border-radius

Поскольку IE не поддержка border-radius, вы можете использовать CSS3 PIE. Вот откуда появился PIE.htc.

Answer 2

Вы можете установить объявление CSS для закругленных углов для всех браузеров и использовать HTC для старых версий Internet Explorer.

Working example для div с закругленными углами с нет position комплект!

CSS

.curved { 
    -moz-border-radius:10px;  /* Firefox */ 
    -webkit-border-radius:10px;  /* Safari and chrome */ 
    -khtml-border-radius:10px;  /* Linux browsers */ 
    border-radius:10px;    /* CSS3 */ 
    behavior:url(border-radius.htc) /* Internet Explorer */ 
} 

.menu_buttons { 
    margin: 40px; 
    width: 100px; 
    line-height: 1.1em; 
    float: left; 
    vertical-align: middle;  
    cursor: pointer; 
    text-align: center; 
    font: 0.9em Arial, Helvetica, sans-serif; 
    color: #fff; 
    background-color: pink; 
    border: 1px solid red; 
} 

Пример HTML

<div class="menu_buttons curved">.menu_buttons element</div> 

Скачать border-radius.htc и проверить CSS curved corner Demos and Page.

---

ПРОВЕРЕНО НА

Windows XP Profissional versão 2002 с пакетом обновления 3

• Internet Explorer 8.0.6001.18702
• Opera 11.62
• Firefox 3.6.16
• Safari 5.1.2
• Google Chrome 18.0.1025.168 м
• K-Meleon 1.5.4

Windows 7 Home Edition с пакетом обновления 1

• Internet Explorer 9.0.8112.164211C
• Opera 11,62
• Firefox 12.0
• Safari 5.1.4
• Google Chrome 18.0.1025.168 м

Linux Ubuntu 12,04

• Firefox 12,0
• Chromium 18.0.1025.151 (Разработчик сборки 130497 Linux)