本節簡介:通過使用淘寶自帶類樣式設置自定義搜索框的定位
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
footer-more-trigger淘寶自帶定位類
footer-more-trigger這個類用來添加絕對定位
加個*{padding:0; margin;0} 淘寶不用寫 默認會有
搜索框 制作 百度淘寶搜索框 然后把代碼粘貼到dw中 改店鋪地址 店鋪數字 圖片鏈接 圖片大小 keyword改變搜索框大小 搜索框和圖像都加浮動就會在一起
class=“footer-more-trigger 很重要搜索框~淘寶默認屏蔽掉絕對定位,解決方法,在div中加 border:none; padding:0;width:160px(相應數值)class=“footer-more-trigger” 即可~在百度經驗 找搜索框代碼 進行替換元素即可換成自己制作的~
footer-more-trigger類自帶絕對定位
action換自己的地址 name=“shopid” value=“店鋪編號”
淘寶不支持絕對定位,給搜索添加一個類footer-more-trigger,定義border:none;pandding:0;width(框與圖標總寬)
引用搜索框代碼更改3處后,input消除pandding(圖標與框等高),框與圖標都浮動(消除框與圖標的間隔使其相連)
目前淘寶貌似已經更新,將footer-more-trigger作為參照物已不可行,解決方法是將代碼中footer-more-trigger全部替換成footer-more footer-more-trigger,搜索框就能如愿顯示。