2012-10-10 79 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