2012-07-03 58 views
0

我想知道是否可以創建一個沒有嵌套DIV的雙圓角邊框?CSS3雙圓角邊框,有沒有2 divs可能?

在這裏看到我的例子:http://jsfiddle.net/eXDjL/

第一盒是圓形的,但ouline保持廣場,第二個框沒有圓角,但顯示我多麼希望他們的邊界。

我知道有一個-moz-outline-radius property,但任何其他瀏覽器的東西?

如果不是,我想我會堅持兩個div。

+0

我已經看到了你可以使用「的box-shadow」,給它一個走了 – Adam

回答

1

要模仿你可以使用不同的box-shadow彩色邊框 - http://jsfiddle.net/eXDjL/3/

.genyx_content_full { 
    background-color:#f7f7f7; 
    border: #fff 1px solid; 
    padding: 10px; 
    -moz-border-radius: 15px; 
    border-radius: 15px; 
    box-shadow: 0px 0px 0px 1px #dedede; 
} 
+0

謝謝,什麼瀏覽器將這項工作? – Adam

+0

在IE9 +,Firefox 4 +,Chrome,Opera和Safari 5+中支持'box-shadow'屬性。爲了安全起見,您可能希望列出具有瀏覽器特定前綴的規則,即'-moz','-webkit','-ms' .. –