-
z-index 屬性巧妙實現遮擋效果查看全部
-
1.ul是無序列表,也就是說沒有排列限制可以隨意加li; <ul> <li>可以隨意放置</li> <li>可以隨意放置</li> <li>可以隨意放置</li> </ul> .可以隨意放置 .可以隨意放置 .可以隨意放置 2.ol就序列表,會按照你寫的li前后依次排列; <ol> <li>我是第一</li> <li>我是第二</li> <li>我是第三</li> </ol> 1.我是第一 2.我是第二 3.我是第三 3.dl是定義列表,會默認前后層級關系; <dl> <dt>我是頭</dt> <dd>我是內容</dd> <dd>我是內容</dd> </dl> 我是頭 --我是內容 --我是內容查看全部
-
邊框發光效果是由 邊框顏色 加上陰影效果顏色,合在一起實現的。 border:2px solid #DDD; box-shadow:0 0 8px #DDD; -moz-box-shadow:0 0 8px #DDD; -webkit-box-shadow:0 0 8px #DDD; -o-box-shadow:0 0 8px #DDD;查看全部
-
box-shadow:0 0 8px #DDD; 參數1:陰影向右距離(負數為反方向) 參數2:陰影向下距離(負數為反方向) 參數3:陰影模糊度 參數4:陰影顏色查看全部
-
z-index的疑惑解決: 此css屬性需要在設置position定位除了(static)外才能使用。 但是父級元素出現realitive相對定位時,子級的z-index受限制,除了父級元素內容可以比較,而父級外部其他元素也設置了z-index的話,外部元素會與其父級比較層級。要解決此問題需要將父級元素設置成absolute絕對定位。查看全部
-
1. 這個css 寫法蠻特別的 參考一下: .topmenu li :hover .submenu {} 如此一來你就可以控制 topmenu類 底下的Li 偽選擇器是hover時 submenu類的樣式了 2. 空標籤使用,加個白色背景,把多餘的給蓋住 3. 用 box-shadow:0 0 8px #ddd;設置邊框發光效果, -moz-box-shadow:0 0 8px #ddd;/*firefox*/ -webkit-box-shadow:0 0 8px #ddd;/*google*/查看全部
-
用到了三個css的屬性 background-image: background-repeat background-position查看全部
-
如何解決內容過少或者過多的問題:<br> 1、內容過少時:將左側一級菜單與懸浮層的底部進行高度對比;<br> 首先獲取左側一級菜單所處的高度(一級菜單li的索引*每個高度為30+標題部分的高度):h0=[this.i-1]*30+42;<br> 2.獲取懸浮層的高度(當前活動DIV上部距離頂部的高度+本身DIV的高度)即:h=this.getElementsByTagName('div')[0].offsetTop+this.getElementsByTagName('div')[0].offsetHeigth;<br> 判斷語句:if(h<h0){this.getElementsByTagName('div').style.top=h0;}<br> 內容過多時:if(this.getElementsByTagNmae('div')[0].offsetHeigth>550){this.getElementsByTagName('div')[0].style.top=0+3+'px'} 使用閉包的注意點 1)由于閉包會使得函數中的變量都被保存在內存中,內存消耗很大,所以不能濫用閉包,否則會造成網頁的性能問題,在IE中可能導致內存泄露。解決方法是,在退出函數之前,將不使用的局部變量全部刪除。 2)閉包會在父函數外部,改變父函數內部變量的值。所以,如果你把父函數當作對象(object)使用,把閉包當作它的公用方法(Public Method),把內部變量當作它的私有屬性(private value),這時一定要小心,不要隨便 改變父函數內部變量的值。查看全部
-
.topmenu li:hover span { background: #FFF; display: inline-block; z-index: 20; width: 30px; height: 30px; float: right; position: relative; right: -2px; background-color: #FFF; }查看全部
-
分類菜單結構查看全部
-
hover選擇器補丁查看全部
-
<dt>用來創建列表中的上層項目(定義),<dd>用來創建列表中最下層項目(描述),<dt>和<dd>都必須放在<dl>< /dl>標志對之間。 <dl> <dt>我們在做列表標題</dt> <dd>我們在做列表</dd>查看全部
-
老師說:之前的課程里提到使用QQ取色得到的是10進制值,需要用科學型計算器進行計算才得到16進制。其實不用這么麻煩,只要在使用QQ取顏色時按住ctrl,就可以直接看到16進制的值 FSCapture: 很小的一款截圖軟件,各種花式截圖,能動態顯示像素大小,推薦試一下查看全部
-
.topmenu li:hover { background-image:none; /* 任務二 */ }查看全部
-
background-image:url(http://img1.sycdn.imooc.com//5411027300014f0200220030.jpg); background-repeat:no-repeat; background-position:right;查看全部
舉報
0/150
提交
取消