688IT编程网

688IT编程网是一个知识领域值得信赖的科普知识平台

蒙层

html实现点击图片放大功能

2024-05-28 01:10:01

html实现点击图⽚放⼤功能<html><head><style>.over {position: fixed; left:0; top:0; width:100%; z-index:100;}.tempContainer {position:fixed; width:100%; margin-right:0px; margin-left:0px; text-a...

解决VantUIpopup弹窗不弹出或无蒙层的问题

2024-04-01 03:48:04

解决VantUIpopup弹窗不弹出或⽆蒙层的问题背景####组件PopupTime.vue把vant官⽹的popup+时间选择器抽成组件:popup1show: true 即弹窗显⽰<template><div class="PopupTime"><van-popup v-model="popup1show" position="bottom" :overlay="...

html引导蒙层,CSS实现镂空蒙层

2024-01-12 05:29:12

html引导蒙层,CSS实现镂空蒙层添加⼀个元素⽤border去做蒙层,镂空部分⽤width, height 或者 padding去控制。⽗级设置⼀个宽⾼100%的div,overflow: hidden 隐藏超出部分的border,以及定位显⽰镂空部分。divwidth: 100%height: 100%overflow: hiddenposition: absoluteleft: 0top:...

解决小程序中的滚动穿透问题

2024-01-11 20:56:49

解决⼩程序中的滚动穿透问题Mask-Scroll>蒙层防穿透问题> 蒙层穿透就是,当你⽤fixed 布局让蒙层显⽰的时候,⼿指滑动屏幕会出现底部内容也滑动的现象. 如图:当蒙层出现的时候,你滚动屏幕,底部内容也⼀起跟着滚动。这就是蒙层穿透,也可以叫 '滚动穿透'. 当然出现这种情况,⽤户体验当然是不好的了。所以作为⼀个有点追求的⼯程师当然是不允许这种情况的发⽣了(⼿动狗头...)#...

vue3 蒙层指引

2024-01-09 20:10:05

vue3 蒙层指引Vue3中实现蒙层指引的方法可以通过添加透明可视区域来创建阴影蒙层,利用css box-shadow属性即可实现。以下是一个简单的示例代码:```html<template>  <view v-if="show" class="user-guide">    <view id="visual-view" class="v...

uni-app的midButton,中间突出,点击跳转页面或者出现弹框。

2024-01-09 12:15:27

uni-app的midButton,中间突出,点击跳转页⾯或者出现弹框。前⾯做⼀个APP中间要求突出,记得以前好像uni没有⾃带得这个,然后看官⽹现在有这个了,刚好项⽬也需要,就写了下。下⾯就是完整得tabbar配置"tabBar":{"color":"#999999","selectedColor":"#333333","borderStyle":"#e8e8e8","backgroundCol...

最新文章