html+css基础不是说了块级元素用text-align:center会失效,是不能用的吗?标签都已经display:block块级化了,怎么还能用text-align:center呢???????????
2016-08-22
经过我的研究发现有一种方法很简单,首先我们先要知道二级菜单隐藏的原理,一级菜单是浮动的、设置了相对定位、且是有高度的。
二级菜单绝对定位于一级菜单,因为一级菜单设置的高度不足于显示二级菜单,原样式设置了hidden,溢出的内容被修剪不显示,只要我们在鼠标移至该ul时,把hidden改为visible,溢出的内容不被修建,且呈现在ul元素框之外。
var sunNav=this.getElementsByTagName("ul")[0]; //2
sunNav.style.overflow="visible";
这一行同2
sunNav.style.overflow="hidden";
二级菜单绝对定位于一级菜单,因为一级菜单设置的高度不足于显示二级菜单,原样式设置了hidden,溢出的内容被修剪不显示,只要我们在鼠标移至该ul时,把hidden改为visible,溢出的内容不被修建,且呈现在ul元素框之外。
var sunNav=this.getElementsByTagName("ul")[0]; //2
sunNav.style.overflow="visible";
这一行同2
sunNav.style.overflow="hidden";
已采纳回答 / 徐大亮
a{display:block; height:30px;text-align:center; line-height:30px; width:120px; ); margin-left:1px;border-radius: 15px 15px 0 0;background-color:silver; }a:hover{background:orange;}我没用背景图,用的圆角属性
2016-08-19