下拉框及蒙版分享

#前端下拉框及蒙版分享

因为在工作上需要,转到前端做了几天的网页,也因为这个导致了学习python进度的落后
因为要做一个展示界面,所以领导要求做一个在主界面的下拉框,同时下拉框拉下后不是一个选项,而是一排项目图片展示,同时每个图片上有一层蒙版,就类似于阴影一样的一层在上面可以附上字体
总结一下,这个地方难就难在下拉框不可以用option也不能用select,需要下拉出来的是项目展示图片,这个地方我从网上找了一个叫手风琴下拉框的样式
所有的引用模板都需要注意的一点就是,引用路径一定要更改,什么时候用/隔开什么时候用…回到上一个文件夹都是很重要的,一般很多情况下运行不了也都是这个问题
在这里插入图片描述
下拉框是有固定的格式,为了把项目展示嵌入其中,首先需要用到css文件里的渲染代码,调用的时候用ul包一个这个函数,把之前给的文字换成插入图片
记得最重要的一件事,这里千万千万不要用栅格,不管是layui的还是bootstrap的都不要,会破坏原有的格式和空间
而蒙版,就需要在css中找到submenu这个函数
在下面定义两个新的
在这里插入图片描述
在这里插入图片描述
之后就可以实现蒙版效果了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值