设置margin或者是设置height
报错信息呢
.topmenu li:hover.submenu这个地方应该改成.topmenu li:hover .submenu就是.submenu前面应该有一个空格才行
好像是没做if判断
这里使用b标签应该和span 标签的作用是一样的 ,font-weight:normal;就是设置不让b 标签有加粗的效果,而是设置display为block,当鼠标悬浮时显示,默认隐藏。
<div class='okc'>
<div class='leftdiv'>手机<br>电脑<br>通讯<br>笔记本</div>
<div class='rightdiv'>右侧推荐品牌<br>右侧推荐品牌<br>右侧推荐品牌</div>
</div>
这段代码要放到li标签里面,你放在外面了
加上border的话,效果会更加明显一些,因为shadow只是阴影,所以其颜色很浅。
另外,那2px的放大,从我个人的角度来看,倒是增添了一点点的动态效果,用户体验更棒了呢~
你清楚浮动试一下?个人觉得应该是浮动的原因
没懂你什么意思啊?是怎么起变量名吗?
images?iamges?
这些是position的属性值,你要移动图片本身,使用top、right、bottom、left这些属性时,就要加上position这个属性,
。。。
浏览器兼容代码格式,就这样按着规定来写,你也可以不写这句,因为现在浏览器基本都支持
box-shadow:0 0 8px #ddd;
这种写法,但是无规矩不成方圆,建议还是写上各种前缀,因为一些用户他不更新浏览器,老的浏览器就不支持了。
1.li[i].i=i; 里面.i是我们人为给它设置的一个属性,这个属性你可以自己命名,li[i].abcd=i都可以,你可以理解为我们在li[i]中给它设置了一个变量,属于li[i]的变量,所以下边使用的时候,我们就得 this.abcd 这么写哈
2.其实我个人试了一下,减不减一都行的,减一之后,二级菜单的高度始终都会比一级菜单高一个li的高度,如果不减一的话,二级菜单就会和当前的li一样高,看起来整体效果就被破坏了,所以我觉得这才是老师要减一的用意。
你加个display:block试试
01
2131
上面代码没有错误,你的代码不全,我猜你可能把submenu这个div写在其他 li 标签里面了
如果你是说字体向下塌陷的话,那是因为鼠标移上去多了个边框,他居中就会动,除非不加边框,现在的淘宝,京东都没加边框,所以不动。你可以取消边框,但高度设为30px。
display:block; 将a标签转变为块级元素,具有块级元素特点。会独自一行,使用float:left;不是为了和dt二级标签在一条水平线上,而是为了使所有的dd中的a标签自动左对齐排列。 margin:4px 0; 属性才使dd与dt水平对齐。
你把三角图片写在了<a>标签了.
应该写在li标签
dd设置了display:block,
无语,我找了半天终于找到问题了,你那个注释的//是错误的,把注释删掉再调整css就好了。
你方法写错了 是getElementsByTagName 你多写了一个e
z-index决定了浮动元素的上下位置,高者显示在低者之上。
绝对定位的top和left都是相对于有着“position: relative”的祖辈元素,注意,是祖辈,不一定是父辈,可以是爷爷辈,哈哈。就是往祖辈元素推移,谁有relative属性,绝对定位就相对于它来进行top和left的偏移。
:hover在主流网站中还在用,而且不仅局限于在a标签,但是在IE6下只有a适用:hover。(解决办法可以下载一个hover补丁)
另外,一般情况下,开发时,还是用js来实现,因为:hover容易产生一些兼容性问题
我试了一下,是因为你浏览器显示的百分比不是正好100%,而是放大了,可能是140%。
老铁,这个问题我也很疑惑,你解决了没有?求答案
含义不同:不多说。
适用不同:ul li更适合用于一级菜单
dl dt dd更适合用于二级菜单内容设置