-
一級菜單查看全部
-
導航結構查看全部
-
1、設置圖片為背景圖片 background-image:url(http://img1.sycdn.imooc.com//5411027300014f0200220030.jpg); 2、設置背景圖片不重復疊加 background-repeat:no-repeat; 3、設置背景圖片靠右 background-position:right; 4、當鼠標移到大類時,設置背景為空: .topmenu li:hover { background-image:none; }查看全部
-
box-shadow:0 0 8px #DDD;-----------添加8px的外發光,灰色。查看全部
-
background-position 屬性設置背景圖像的起始位置。查看全部
-
本頁面的跳轉,圖片的輪換,快捷跳轉到相應的界面查看全部
-
overflow:visible:默認值。不剪切內容也不添加滾動條 auto:在必需時對象內容才會被裁切或顯示滾動條; hidden:不顯示超過對象尺寸的內容; scroll:總是顯示滾動條。查看全部
-
導航欄布局分析查看全部
-
記住設置背景為空一項查看全部
-
.submenu{ display:none; /*隱藏li里面的DIV塊*/ width: 750px; ; position: absolute; left:220px; top:40px; border:1px solid #DDD; z-index: 4; box-shadow: 0 0 8px #DDD; -moz-box-shadow: 0 0 8px #DDD; -webkit-box-shadow: 0 0 8px #DDD; } .leftdiv{ float:left; background-color: #aaaaaa; margin: 5px; width: 400px; } .rightdiv{ float:left; background-color: #336699; margin: 5px; width: 200px; } .topmenu li:hover .submenu{ /*鼠標經過li時,觸發submenu */ display:block; }查看全部
-
如何解決懸浮層因內容太少而導致鼠標無法移入的問題。 解決思路:通過當前一級分類的底部距離頂部的高度h0和懸浮層底部距離頂部的高度h相比較,如h0>h則將懸浮層的位置往下移動至h0(一級菜單底部)處。 offsetHeight:獲取可視區域的高度(實際看得到的那個高度,不包括滾動條的高度)。查看全部
-
1.背景圖片引用 background-image:url(http://img1.sycdn.imooc.com//5411027300014f0200220030.jpg); 2.取消背景圖片的默認重復行為 background-repeat:no-repeat; 3.背景圖片右對齊 background-position:right; 4.設置背景圖片顏色以符合要求 background-color:#FAFAFA; 5.背景圖片為空 background-image:none;查看全部
-
用<a>標簽對搜索引擎不友好查看全部
-
CSS選擇器:鼠標移入時的效果 .topmenu li a:hover{ }查看全部
-
line-height和父元素的height高度相同,可以使字體垂直居中。查看全部
舉報
0/150
提交
取消