-
- 慕粉2308425049 2018-07-18
text-decoration：underline；//a 标签的下划线
font-weight:bold;//字体加粗
box-shadow : 0 0 8px #DDD; // li 的外阴影
Firefox浏览器：-moz-box-shadow : 0 0 8px #DDD;
Chrome浏览器：-webkit-box-shadow : 0 0 8px #DDD;
display：block 显示 none 隐藏
position：absolute； 绝对定位
z-index：num ； 数值大的悬浮在上面
- 0赞 · 0采集
-
- 半世烟云落 2018-04-08
当鼠标移动到 li 上时，class 为 submenu 的 div 显示（display改为block）
- 0赞 · 0采集
-
- GYNexus 2018-03-24
relative的有两个属性①是以自身为参照基准进行定位，也就是相对于<自身原有位置>进行偏移 。并不是相对于其他元素进行定位，这个要理解好。②一旦设置了relative，那么随即就会产生z-index属性，就是空间层堆叠，由于二级菜单的包裹层的z-index默认是小于10的，那么span标签设置了z-index：10 那么就是从顶层往下面遮盖住了二级菜单border。就是这个原理，理解清楚relative的两个属性是关键！
- 0赞 · 0采集
-
- 血染風採 2018-01-06
- CSS发光效果个浏览器： box-shadow:0 0 8px #ddd; -moz-box-shadow:0 0 8px #ddd; -webkit-box-shadow:0 0 8px #ddd;
- 0赞 · 0采集
-
- 慕仙5237505 2017-11-03
- xiabu: .menu li a:hover{ text-decoration:underline; font-weight:bold; color:#e4393c; } .menu li:hover{ border:1px solid #ddd; border-right:0; box-shadow:0 0 8px #ddd; -webkit-box-shadow:0 0 8px #ddd; -moz-box-shadow:0 0 8px #ddd; background-image:none; } .sub{ display:none; width:715px; position:absolute; top:40px; left:220px; border:1px solid #ddd; z-index:4; background:#fff; box-shadow:0 0 8px #ddd; -webkit-box-shadow:0 0 8px #ddd; -moz-box-shadow:0 0 8px #ddd; } .sleft{ /*background:gray;*/ float:left; width:490px; margin:5px; } .sright{ background:blue; float:left; width:200px; margin:5px; } .menu li:hover .sub{ display:block; } .menu li:hover span{ background-color:#fff; display:inline-block; width:20px; height:30px; z-index:20; float:right; position:relative; }
-
截图0赞 · 0采集
-
- 慕仙5237505 2017-11-03
- <div class="sright"> 右边导航 </div> </div> </li> <li><a href="#">图像</a></li> <li><a href="#">图像</a></li> <li><a href="#">图像</a></li> <li><a href="#">图像</a></li> </ul> *{ padding:0; margin:0; font-size:12px; } .menu{ display:block; width:220px; border:2px solid #e4393c; margin:0; padding:0; } .menu .title{ height:40px; line-height:40px; text-align:left; font-size:12px; font-weight:bold; color:#fff; background-color:#e4393c; padding-left:20px; } .menu li{ height:30px; line-height:30px; list-style-type:none; text-align:left; padding-left:8px; z-index:3; background-image:url(../img/YMX.ico); background-repeat:no-repeat; background-position:right; } .menu li a{ text-decoration:none; color:#313131; } .menu li a:hover{ text-decoration:underline; font-weight:bold; color:#e4393c; }
-
截图0赞 · 0采集
-
- 慕用墨浅 2017-08-03
- z-index作用
- 0赞 · 0采集
-
- 慕用墨浅 2017-08-03
- box-shadow外发光效果
- 0赞 · 0采集
-
- 浅尝 2017-07-18
- 一级li和二级li之间空白处，使用span小技巧实现 使他浮动到右边 高和背景与一级li相同
- 0赞 · 0采集
-
- riyyao 2017-07-04
- 一级li和二级li之间空白处，使用span小技巧实现
-
截图0赞 · 0采集
-
- simon_wyk 2017-06-28
- css鼠标移入出现悬浮层的核心方法 .topmenu li:hover .submenu{ display:none }
- 0赞 · 0采集
-
- qq_汪星人的使命_0 2017-06-22
- z-index仅仅对定位元素有效，数值越大就越在前
- 0赞 · 0采集
-
- 晓欣WWW 2017-05-05
- .topmenu li a:hover //设置鼠标移动到一级标题的字面上的效果 { text-decoration: underline;//下划线 font-weight: bold;//黑体 color: #e4393c;//颜色 } .topmenu li:hover { border:1px solid #DDD; //设置边框像素，线性，颜色 border-right:0; //右侧边框为0 box-shadow:0 0 8px #DDD; //上下阴影效果 -moz-box-shadow:0 0 8px #DDD; -webkit-box-shadow:0 0 8px #DDD; background-image:none; //设置背景图味空 }
-
截图0赞 · 0采集
-
- 元气满满来学习 2017-04-16
- css的hover选择器 选择鼠标指针浮动在其上的元素并设置其样式
- 0赞 · 0采集
-
- 慕粉0208598495 2017-04-13
- 浮动层
-
截图0赞 · 0采集
-
- 雨落尘中碎_03948239 2017-04-12
- div 代码
-
截图0赞 · 0采集
-
- Hope逍遥 2017-04-07
- 发光效果： box-shadow:0 0 8px #DDD; -moz-box-shadow:0 0 8px #DDD; -webkit-box-shadow:0 0 8px #DDD;
- 0赞 · 0采集
-
- l柳条妹妹 2017-01-12
- 小白框的position为什么用relative,用absolute不行吗？ 1.Z-index 仅能在定位元素上奏效（例如 position:absolute;） 2.这里用相对定位的好处就是:absolute是绝对定位，会脱离文档，不太好控制， 一般我们在网页制作的时候，一般父元素为相对定位，子元素为绝对定位，这里li没有设置相对定位，再用相对定位的话，小白块的位置需要再作调整
-
截图0赞 · 0采集
-
- xiaobin90 2017-01-08
- hover不止可以加到a标签上，还可以加到其他标签 box-shadow：设置阴影 -moz-box-shadow：兼容火狐 -webkit-box-shadow：兼容chrom等
-
截图0赞 · 0采集
-
- qq_端木枯荣_0 2016-12-28
- box-shadow：0 0 8px #666
- 0赞 · 0采集
-
- 富宝森林 2016-12-26
- 悬浮层平时隐身看不到，鼠标划入出现 .submenu{display:none;width:715px;left:220px;top:40px;position:absolute;border:1px solid #ddd;z-indx:4;backgroud:white;box-shadow:0 0 8px #ddd;（平时的悬浮层）} .topmenu li:hover .submenu{display:blcok;(鼠标悬停时的悬浮层)} 悬浮层出现后，大类目右边框线无，新加一个span标签，.topmenu li hover span{ background:white;dispaly:inline-block,z-index:20;widhth:20px;height:30px;float:right;position:relative;}
-
截图0赞 · 0采集
-
- 富宝森林 2016-12-26
- 鼠标移入，外右边框没有， .topmenu li:hover{border:1px solid #ddd;border-rigt：0； box-shadow:0 0 8px #ddd;moz-box-shadow(firebox):0 0 8px #ddd;-webkit-box-shadow(google):0 0 8px #ddd;background-image:none;}
- 0赞 · 0采集
-
- 富宝森林 2016-12-26
- text-decoration:underline; font-weight:bold; color:#e4393c; border:1px solid #ddd; border-right:0; box-shadow:0 0 8px #ddd; -moz-box-shadow:0 0 8px #ddd; -webkit-box-shadow:0 0 8px #ddd;
- 0赞 · 0采集
-
- Arfive123 2016-11-29
- relative的有两个属性①是以自身为参照基准进行定位，也就是相对于<自身原有位置>进行偏移 。并不是相对于其他元素进行定位，这个要理解好。②一旦设置了relative，那么随即就会产生z-index属性，就是空间层堆叠，由于二级菜单的包裹层的z-index默认是小于10的，那么span标签设置了z-index：10 那么就是从顶层往下面遮盖住了二级菜单border。就是这个原理，理解清楚relative的两个属性是关键！
- 0赞 · 0采集
-
- 蒋超4070527 2016-11-19
- 此处的.topmenu li:hover span有点疑问，为什么span前面没有一点.呢？写成.topmenu li:hover.span
-
截图0赞 · 0采集
-
- 蒋超4070527 2016-11-19
- 这个地方的.topmenu li:hover .submenu中hover后面的圆点.一定要与hover空一格，如hover .submenu，如果写成hover.submenu，那么效果出不来
-
截图0赞 · 0采集
-
- 慕粉4334539 2016-11-16
- border:1px solid #DDD;//*外边框 灰色 border-right:0//*去掉边框右侧 box-shadow：0 0 8px//添加一个阴影效果，也就是8像素的外发光
- 0赞 · 0采集
-
- 慕粉4334539 2016-11-15
- z-index 元素的堆叠顺序。简单的说就是利用这个属性可以把一段文字置于一张图片之上，或者把图片置于文字之上，只要设置好合适的优先级就可以了
- 0赞 · 0采集
-
- 之于子归_ 2016-10-16
- 下划线：text-decoration:underline font-weight:bold加粗
- 0赞 · 0采集
-
- BeingTowards 2016-10-05
- 1、依靠z-index来设定容器的上下关系，数值越大越在最上面，数值范围是自然数。 注意：父子关系是无法用z-index来设定上下关系的，一定是子级在上父级在下。 2、.父元素:hover .子元素{ 含义就是，父元素hover时，对子元素的CSS样式设置 } 3、-moz-, -webkit-, -o-这些都是浏览器前缀，常用前缀和浏览器的对应关系如下： Firefox: -moz- Chrome, Safari: -webkit- Opera: -o- IE: -ms- 4、relative的有两个属性①是以自身为参照基准进行定位，也就是相对于<自身原有位置>进行偏移 。并不是相对于其他元素进行定位，这个要理解好。②一旦设置了relative，那么随即就会产生z-index属性，就是空间层堆叠，由于二级菜单的包裹层的z-index默认是小于10的，那么span标签设置了z-index：10 那么就是从顶层往下面遮盖住了二级菜单border。就是这个原理，理解清楚relative的两个属性是关键！ 5、inline-block的元素特点：将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。(准确地说，应用此特性的元素呈现为内联对象，周围元素保持在同一行，但可以设置宽度和高度地块元素的属性)
- 0赞 · 1采集
数据加载中...