<bdo id="gg8cz"><delect id="gg8cz"><rt id="gg8cz"></rt></delect></bdo><noframes id="gg8cz"><delect id="gg8cz"></delect><noframes id="gg8cz"><rt id="gg8cz"></rt><noframes id="gg8cz"><rt id="gg8cz"></rt><delect id="gg8cz"><delect id="gg8cz"></delect></delect><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"><rt id="gg8cz"></rt></rt><noframes id="gg8cz"><rt id="gg8cz"></rt><noframes id="gg8cz"><rt id="gg8cz"><delect id="gg8cz"></delect></rt><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"><delect id="gg8cz"></delect></rt><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"><bdo id="gg8cz"></bdo></rt><rt id="gg8cz"></rt><noframes id="gg8cz"><rt id="gg8cz"><delect id="gg8cz"></delect></rt> <delect id="gg8cz"></delect><noframes id="gg8cz"><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"></rt><noframes id="gg8cz"><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"><delect id="gg8cz"></delect></rt><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"></rt><noframes id="gg8cz"><rt id="gg8cz"><rt id="gg8cz"></rt></rt> <noframes id="gg8cz"><rt id="gg8cz"></rt><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"></rt><rt id="gg8cz"></rt><rt id="gg8cz"><delect id="gg8cz"></delect></rt><noframes id="gg8cz"><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"><delect id="gg8cz"></delect></rt><noframes id="gg8cz"><rt id="gg8cz"><delect id="gg8cz"></delect></rt>
html+css網頁前端課程
 5.3.定位在交互上的應用
本節簡介：

利用定位布局制作鼠標移入時的圖文交互效果，涉及小知識點背景顏色的不透明度以及過渡屬性設置。

分享到：
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
......
時間：13:54
backgroud: rgba a表示透明度
頂(0)
吖呵
時間：16:30
如top:349px 鼠標移動hover時改成top:0 加transition(過渡）:0.3s這樣有個過渡交互效果
頂(0)
吖呵
時間：12:13
opacity:0.4 改變透明度（文字透明度也會改變） 想只改變透明度 background:rgba(0,143,204,0.8) rgb后面加個a表示透明度
頂(0)
吖呵
時間：05:08
圖像最好轉成塊元素
頂(0)
岳岳貓
時間：06:37
加了絕對定位 absolute，都要進行初始化 top:0 left:0
頂(0)
虹橋羅杰
時間：13:48
rgba( , , ,0.8)
頂(0)
yuhuofei15
時間：15:54
transition：0.3s 過渡時間
頂(1)
yuhuofei15
時間：13:46
如果用opacity:0.8設置透明度，那么背景顏色和文本的透明度都會被改變。用rgba(0,153,204,0.8)，最后的0.8表示透明度，來只設置背景顏色透明度。
頂(0)
yuhuofei15
時間：06:29
一般改變位置的定位都用absolute
頂(0)
鋤禾
時間：14:08
opacity:透明度 會文字一起變透明
頂(0)
鋤禾
時間：16:03
transition;0.3秒數
頂(0)
鋤禾
時間：13:35
rgba 顏色透明度
頂(0)
小新1994415
時間：15:40
transition;0.3秒數
頂(0)
小新1994415
時間：13:28
rgba(0,153,204,0.8)改變背景
頂(0)
小新1994415
時間：12:53
opacity:透明度 會文字一起變透明
頂(0)
小新1994415
時間：12:27
opacity:透明度
頂(0)
star1991
時間：13:09
顏色和透明度表示：background：rgba(0,153,203,1);a代表alpha,取值為0-1
頂(0)
star1991
時間：12:17
.box:hover .ceng{display:block;}表示鼠標移動到圖片上時，遮在上面的層顯示
頂(0)
star1991
時間：06:30
設置遮罩的層position屬性為“absolute”,父級position屬性為“relative”
頂(0)
star1991
時間：04:38
制作圖片說明的塊區域，并通過“position”屬性遮擋在原圖上
頂(0)
本節筆記已有 35 條   第1頁/共2頁首頁上頁12尾頁
微信客服
Copyright ? 2013 qinxue.com, 湘ICP備13012319號-1
PC版觸屏版
99国产欧美久久久精品蜜|无码一区二区波多野播放搜索|少妇人妻综合久久中文|亚洲av永久无码精品一百度|亚洲人77777在线观看
<bdo id="gg8cz"><delect id="gg8cz"><rt id="gg8cz"></rt></delect></bdo><noframes id="gg8cz"><delect id="gg8cz"></delect><noframes id="gg8cz"><rt id="gg8cz"></rt><noframes id="gg8cz"><rt id="gg8cz"></rt><delect id="gg8cz"><delect id="gg8cz"></delect></delect><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"><rt id="gg8cz"></rt></rt><noframes id="gg8cz"><rt id="gg8cz"></rt><noframes id="gg8cz"><rt id="gg8cz"><delect id="gg8cz"></delect></rt><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"><delect id="gg8cz"></delect></rt><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"><bdo id="gg8cz"></bdo></rt><rt id="gg8cz"></rt><noframes id="gg8cz"><rt id="gg8cz"><delect id="gg8cz"></delect></rt> <delect id="gg8cz"></delect><noframes id="gg8cz"><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"></rt><noframes id="gg8cz"><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"><delect id="gg8cz"></delect></rt><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"></rt><noframes id="gg8cz"><rt id="gg8cz"><rt id="gg8cz"></rt></rt> <noframes id="gg8cz"><rt id="gg8cz"></rt><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"></rt><rt id="gg8cz"></rt><rt id="gg8cz"><delect id="gg8cz"></delect></rt><noframes id="gg8cz"><noframes id="gg8cz"><noframes id="gg8cz"><rt id="gg8cz"><delect id="gg8cz"></delect></rt><noframes id="gg8cz"><rt id="gg8cz"><delect id="gg8cz"></delect></rt>