本节简介:通过使用淘宝自带类样式设置自定义搜索框的定位
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
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,搜索框就能如愿显示。