modal-dialog 相关问题

指用于向用户显示重要信息的图形对话框。这些对话框显示在所有其他内容之上,阻止应用程序流,直到收到用户输入。

模态固定位置内容移位

经过大量研究,我无法找到打开模态窗口时固定定位元素、封面图像和标准内容向右移动的正确解决方案。 注:我是

回答 4 投票 0

如果需要返回,如何在 Flutter 中使用“取消”弹出视图?

我需要一些帮助,使用取消按钮弹出当前模式弹出窗口,但不返回所需的数据。 这是从模式弹出窗口返回时需要 EntryData 类的代码

回答 1 投票 0

单击其他 div 时关闭模态框

所以我不知道如何解决这个问题。 我想让它像这样工作:如果您单击一只爪子,则模式会打开,如果您单击第二只爪子,则爪子 1 的模式会关闭。我必须做什么...

回答 2 投票 0

Bootstrap Modal 中的选项卡未对齐

我正在构建一个 Bootstrap Modal,我想在这个 Modal 中放置一些选项卡,以便能够在他内部导航。 发生的情况是显示的选项卡没有像...

回答 1 投票 0

没有“for”标签的CSS图像滑块

我成功实现了这个CSS图像滑块。 但现在我想将其插入到 Reveal.js 演示文稿的模式窗口中。 我从另一个线程假设

回答 1 投票 0

以编程方式使 modalBottomSheet 在 Flutter 中可关闭

我使用 showModalBottomSheet 渲染带有按钮的底部工作表 (StatefulWidgetWithButtons)。一旦按下按钮,工作表的状态就会发生变化,并且会使用不同的内容重新呈现。 我

回答 2 投票 0

在 React Native 中管理多个模式的最佳实践

我有一个屏幕,我需要在其中显示多个模式。例如,如果某个请求失败,那么我想显示错误模式,如果某个请求成功,那么我想显示成功...

回答 3 投票 0

showModalDialog 与 showModelessDialog

关于 showModalDialog 与 showModelessDialog 的文档是这样说的: 在几乎所有情况下,模式对话框或侧边栏都是比非模式对话框更好的选择。 https://developers.google.com/apps-s...

回答 1 投票 0

网络辅助功能 - 从选项卡面板导航到选项卡

我有一个由选项卡布局组成的模式,用于输入一些表单数据。该表格是一个可能很长的无线电组列表。 对于用户要返回到选项卡,目前他们必须按住 Shift+Tab 全部...

回答 3 投票 0

React 门户对话框外溢出

我使用React createPortal 为我的对话框定义了一个基本对话框,并且我正在为我的表单使用react-select。在正常元素中它工作正常,但是当我在门户中使用它时,选项溢出结果......

回答 1 投票 0

如何使用selenium webdriver处理ModalDialog?

我无法切换到给定示例的模态对话框 http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/refs/showModalDialog2.htm 我不知道如何获取模态对话框上的元素

回答 10 投票 0

我可以禁用 CSS 中的滚动条吗?

我有一个模态对话框,您可以在此链接中看到: https://codepen.io/rgraph/full/KKOyYYK <...

回答 1 投票 0

CSS 如何在模式对话框元素打开时对其进行转换?

我想在对话框元素打开时对其应用过渡,但我的过渡属性似乎没有任何效果。这是我的代码: const 对话框 = document.querySelector("di...

回答 1 投票 0

模态窗口内的video.js:全屏不起作用

我一直在使用 video.js 在模态窗口内显示内容,正如您在此处看到的: http://www.csdalbenga.it/galleria1.html 点击“Clicca qui per Visionare il video della recita!”布...

回答 2 投票 0

CoreUI - 默认标题中的模态显示在背景后面

我正在使用 Core-UI 的管理模板作为开源项目 cog1 的控制台。这很棒,但我在使用默认标题组件上的下拉菜单中的模态时遇到了问题...

回答 1 投票 0

如何使用 CodeIgniter 在单击时在模式弹出窗口中显示数据?

我正在使用 Codeigniter 开发一个博客,其中详细信息通过“阅读更多”功能显示在引导卡中。该代码正在动态获取数据并显示...

回答 1 投票 0

Android 的 FullWindowOverlay

我正在使用 React Native 开发一个应用程序,并且正在处理一个在模式内结合了 Modal 和 BottomSheet 的屏幕。我遇到的唯一问题是我将工作表内容包装在

回答 1 投票 0

如何防止<dialog>用Esc键关闭

根据文档,当您按 Esc 键时,HTML 元素 将始终关闭。问题是您可能不希望它立即关闭,即如果...

回答 1 投票 0

window.print() 在每一页上重复模式

我正在尝试使用 window.print() 命令打印模式。我面临的问题是,例如。模态上的内容有 1 页长,但当我打印时,它显示 2 页内容相同的内容

回答 2 投票 0

使用 HTML CSS JavaScript 的画廊网站的多种模式

我正在为网站制作画廊,但模态对我不起作用。我尝试了一切。 如果可能的话,请添加两个导航箭头,就像在 Messenger 或 Facebook 上一样。 我的代码: 我正在为网站制作画廊,但模态对我不起作用。我尝试了一切。 如果可能的话,请添加两个导航箭头,就像在 Messenger 或 Facebook 上一样。 我的代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Galéria</title> <link rel="shortcut icon" href="pics/icon.ico" type="image/x-icon"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link href="https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap" rel="stylesheet"> <link rel="stylesheet" href="style.css"> </head> <body> <div class="topnav" id="myTopnav" <a href="index.html">Home</a> <a href="galery.html">Galéria</a> <a href="info.html">Információk</a> <a href="javascript:void(0);"> <i></i> </a> <div id="kepek"> <img class="galleryimg" src="pics/gallery/kep (1).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (2).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (3).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (4).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (5).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (6).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (7).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (8).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (9).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (10).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (11).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (12).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (13).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (14).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (15).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (16).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (17).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (18).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (19).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (20).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (21).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (22).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (23).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (24).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (25).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (26).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (27).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (28).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (29).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (31).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (32).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (33).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (34).jpg" alt=""> <img class="galleryimg" src="pics/gallery/kep (35).jpg" alt=""> </div> <script src="app.js"></script> #kepek { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 20px; padding: 20px; } .galleryimg { height: 26vh; width: 100%; object-fit: cover; border-radius: 5px; cursor: pointer; transition: transform 0.2s; } .galleryimg:hover { transform: scale(1.05); } 这是针对多种模式的可靠 js 解决方案:https://fancyapps.com/fancybox/ 也许它会给您一些如何在网页上构建自己的模式的线索

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.