2012-10-10 130 views
1

jsfiddle示例here登錄框設計

在這個例子中,我只想重疊「JOIN US」鏈接邊框和登錄框邊框,這樣當用戶點擊「JOIN US」鏈接時,登錄框就會出現在一個框中。

我設置:

border-bottom : white 
在「加盟連鎖」鏈接

但我想它沒有重疊顯示。有一件事,我不能刪除「z-index」,因爲這對我有必要。

+0

你的意思是像[this](http://jsfiddle.net/G3VgY/8/)? – JCOC611

+0

但在我的項目中,有很多div必須使用z-index,所以當我將z-index設置爲「-1」時,登錄框隱藏在另一個滑塊div下面。你有沒有其他的建議? @ JCOC611 – Raymond

回答

0

對於一個圓角邊緣,一個CSS屬性cal border-radius。只需使用element_id/class/name:hover { border-radius: 10px; }即可完成。我建議你看看新的CSS3標籤和功能。

+0

感謝圓邊,@Ayush Khemka。我只是想看起來像一個盒子,當用戶點擊「加入我們」鏈接.. – Raymond

+0

如果你做完了,請投票並接受你認爲是正確的答案。這也可以幫助其他人。 (和我也btw:P) –

0

而不是使用border標籤爲您.nav1類,使用兩個單獨的border-topborder-bottom或使用簡寫,但不要使用border-rightborder-left財產。這裏是我的jsFiddle

+0

我也想要一個圓邊矩形當用戶懸停在該元素上。所以你有任何其他的選擇,你可以給建議? – Raymond