您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

网站建设公司讲解:带有透明边框的jQuery弹出层

2023/9/27 4:31:16发布37次查看
本帖最后由 深圳博纳网络 于 2020-8-4 16:25 编辑
自从在网站上使用了弹出层以后,一直想给他套一个漂亮的半透明边框。思路一:在弹出层外面再套一个div,设置他的背景为黑色,然后使用css滤镜设置他的透明度,padding为5个像素,这样就ok了。
页面结构:
岂料不行,设置外面的大的div为透明后,里面的title和content也都变得透明了,显然这不是我要的效果。
很明显透明属性被它里面的两个div继承了,导致里面也透明了,把里面的div的透明重写一下,写为不透明应该就可以了,重写,岂料还是不行,没有任何反应,怎么办?貌似走进了一个死胡同。
pass掉吧。。。
再想
思路二:既然透明层里面的内容也会被设置为透明,那么何不设置一个空的div,让他绝对定位,高度和宽度都比弹出层要大几个像素,那么看起来就像是弹出层有了一个透明的边框,尽管这其实是一个假的边框哈哈。。。
深圳市博纳网络信息技术有限公司是一家从事软件开发、网站制作、app开发、知识付费、在线教育平台、电子商务等平台的定制研发、系统集成及网络产品销售等相关业务为一体的专业的计算机网络信息技术服务有限公司,本公司技术力量雄厚,有一流的软、硬件工程师及网络技术人才,有完善的售后服务体系。公司始终坚持“顾客至上、诚信为本、专业精致、卓越创新”的经营理念,以最优质的产品、最实惠的价格、最全面的服务竭诚为广大客户服务。
深圳市博纳网络信息技术有限公司
深圳网站建设官网地址:
https://www.sabong.net
商务中心: 深圳市前海深港合作区前湾一路1号a栋201室
福田办公地址:深圳市福田区皇岗路5007神采苑402栋610
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product