本節簡介:通過使用淘寶自帶類樣式設置自定義搜索框的定位
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
添加搜索框:百度搜索店招鏈接,復制到DW進行編輯,將網絡地址改成本店網絡地址,將店鋪地址改成本店的,將圖片改成自己的搜索圖片框(在圖片空間復制鏈接),將圖片大小改成自己圖片大小,然后保存一下,然后將搜索框寬度和高度改成自己的
淘寶父級的相對定位用淘寶自帶的class=footer-more-trigger代替,然后填寫top,left,border,padding,width值
position:absolute;記得后加初始值,top:0;left:0
父級的相對定位用淘寶自帶的footer-more-trigger代替
父級的相對定位用淘寶自帶的footer-more-trigger代替
寫好淘寶類選擇器后,記得把與設計圖不相干的padding、border、width、top等清除
帶有絕對定位的類:.footer-more-trigger
position:absolute;記得后加初始值,top:0;left:0
class=“footer-more-trigger 很重要搜索框~淘寶默認屏蔽掉絕對定位,解決方法,在div中加 border:none; padding:0;width:160px(相應數值)class=“footer-more-trigger” 即可~在百度經驗 找搜索框代碼 進行替換元素即可換成自己制作的~
class=“footer-more-trigger 很重要搜索框~淘寶默認屏蔽掉絕對定位,解決方法,在div中加 border:none; padding:0;width:160px(相應數值)class=“footer-more-trigger” 即可~在百度經驗 找搜索框代碼 進行替換元素即可換成自己制作的~
class=“footer-more-trigger 很重要搜索框
淘寶默認屏蔽掉絕對定位,解決方法,在div中加 border:none; padding:0;width:160px(相應數值)class=“footer-more-trigger” 即可
對P標簽進行定位,添加position:relative;相對定位。對div加 style=“position:absolute;top:0; left:0;”