TING沫 2022-10-09 16:28 采纳率: 70.6%
浏览 32
已结题

弹窗对话框css样式设置问题

偶然看到了.el-dialog:not(.is-fullscreen){}
请问这个 :not(.is-fullscreen) 是怎么作用的
另外还想问一个问题，对话框于页面时垂直水平居中的位置，样式上怎么判断对话框高度超出屏幕高度时距上下80px并出现滚动条

  • 写回答

3条回答 默认 最新

  • _yangyi 2022-10-09 16:45
    关注

    1、css选择器 除了.is-fullscreen这个class的元素
    2、给对话框增加max-height,值给calc(100% - 160px),再增加overflow-y: auto

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题？

  • 网页弹窗对话框插件MiniDialog.zip
    2023-10-15 23:26
    网页弹窗对话框插件MiniDialog.zip是一款集实用性和美观性于一体的前端开发工具，它基于jQuery库构建，专为创建动态、吸引人的网页对话框而设计。MiniDialog插件能够帮助开发者快速实现各种类型的提示、确认、警告...
  • jquery自定义弹窗对话框.rar
    2019-07-04 23:56
    2. **CSS样式**： 接下来，使用CSS为遮罩层和对话框添加样式。遮罩层通常是全屏的半透明层，而对话框则需要定位在屏幕中央，并具有合适的边框和背景色。 ```css #mask { position: fixed; top: 0; left: 0; ...
  • MiniDialog强大的网页弹窗对话框插件.zip
    2023-09-26 01:46
    MiniDialog是一款基于jQuery的网页弹窗对话框插件，它为开发者提供了丰富的功能和自定义选项，使得在网页中创建各种对话框变得简单而高效。这个压缩包包含了该插件的基本组成部分，包括HTML示例文件、JavaScript代码...
  • 轻量级网页弹窗对话框插件MiniDialog实战应用
    2025-11-22 02:12
    邹子乔的博客 本文还有配套的精品资源，点击获取 简介：MiniDialog是一款简洁易用的网页弹窗对话框插件，广泛应用于Web开发中，用于信息提示、操作确认和用户输入收集。该插件支持自定义样式、动画效果、事件回调和响应式布局，可...
  • 仿华为商城部分前端界面html+css+js
    2023-06-28 16:48
    这个项目着重于实现HTML结构、CSS样式以及JavaScript交互功能，从而为用户提供一个直观且易用的购物体验。下面我们将详细讲解这些技术在实现这一目标时所扮演的角色。 首先，HTML（超文本标记语言）是网页内容的...
  • css弹窗动画.zip
    2022-02-24 10:28
    在这个"css弹窗动画.zip"压缩包中，包含了一系列使用CSS实现的弹窗动画，非常适合前端开发者学习和应用。这些动画简单易用，可以为网站增添交互性和视觉吸引力。 首先，让我们了解一下CSS弹窗的基本概念。弹窗通常...
  • 用纯css3和html制作泡沫对话框实现代码
    2020-09-25 07:59
    这种对话框通常会改变传统的对话框设计，并且可以完全通过CSS来控制其样式和动画效果，无需额外的JavaScript代码或者图片。接下来，我们将对文章中的关键知识点进行详细介绍。 ### 泡沫对话框的概念与优势 泡沫...
  • H5原生html,css实现弹窗
    2022-05-24 17:08
    一杯充满泡泡的可乐的博客 H5原生html,css实现弹窗 代码和效果如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta ...
  • 弹窗周围变模糊效果（css+js）
    2023-06-13 15:49
    萌新且暴龙战士的博客 ps：自己也可以用其他的css样式来写出模糊的效果，可以配合b站的玻璃拟态，磨砂玻璃效果一起使用。原理：因为元素存在冒泡的特性，所以要完成这个效果必须确保是在两个同级元素。样式随便写的比较粗糙大概看看就行。
  • css3对话框插件来制作动画弹出表单
    2021-06-04 05:03
    `css`和`js`目录分别存放了CSS样式文件和JavaScript脚本；`data`目录可能包含了对话框中使用的数据或其他资源。 在实际开发中，CSS3对话框插件的实现方式多种多样，可以使用纯CSS3实现，也可以借助于JavaScript库如...
  • 没有解决我的问题, 去提问

问题事件

  • 系统已结题 10月17日
  • 已采纳回答 10月9日
  • 创建了问题 10月9日