在modal中使用纯HTML和CSS

文章/答案/技术大牛

发布

3回答

html、css、bootstrap-modal

我发现这个模式的是纯html和css，没有js。这一切都很棒，但是我怎么才能在不使用按钮或链接的情况下触发它呢？我希望它弹出欢迎访客一旦网站加载。

浏览 11提问于2016-07-28得票数 1

回答已采纳

1回答

如何在按钮被按下时添加通知？

javascript、html、css

每当我的复制按钮被按下时，我想创建一个通知，说明“文本已复制到剪贴板”，类似于您在google translate中使用复制按钮复制内容时发生的情况。不过，我不想使用alert()。font-size: 22px;} color: black;} <html<head>

浏览 17提问于2020-04-17得票数 0

1回答

推特Bootstrap Modals不支持MVC3

html、asp.net-mvc-3、model-view-controller、twitter-bootstrap、modal-dialog

我正在尝试在我的MVC3应用程序中实现一个模式对话框。现在我只是在摆弄它。><title>test</title><

浏览 0提问于2013-04-23得票数 0

回答已采纳

1回答

什么风格，我需要应用到一个引导模式体，让它填补可用的空间模态内容？

twitter-bootstrap、html、modal-dialog、twitter-bootstrap-3、height

我已经尝试将modal-body的高度设置为100%和auto。设置为100%使模态体的高度与modal-content完全相同，后者将modal-footer推到模态之外。给定一个可变高度的模态(基于vh)与固定高度的页眉和页脚，我想身体填补其余的空间。可以用纯CSS?来完成吗？

浏览 3提问于2014-03-31得票数 0

回答已采纳

1回答

Twitter Bootstrap Modal:使宽度和高度与用户的最大分辨率相同

jquery、css、twitter-bootstrap

如果你点击“启动演示模式”按钮： .modal { left: 0 !此外，顶部的:0和左侧的:0规则似乎不起作用。模式显示在顶部被截断，也不是所有的方式都在左边。我真傻，bootstrap css在modal类上有一些默认的负

浏览 3提问于2012-11-26得票数 2

回答已采纳

1回答

CSS谜语，不知道如何修改代码

javascript、jquery、html、css

它的CSS对话框。<a href="#modal-one">Modal!可能这个css不得不用它来做smth： display: block;.modal:target { position: absolute

浏览 1提问于2015-04-12得票数 0

10回答

当模式对话框比屏幕更长时，如何滚动页面？

css、scroll

我在我的应用程序中有一个模式对话框，它可以在y方向上变得相当长。这引入了一个问题，即对话框的一些内容隐藏在页面底部之外。如果不使用JavaScript来控制滚动条，这是可能的吗？以下是我到目前为止应用到我的模式和对话框中的CSS： overflow: hidden; .m

浏览 1提问于2012-05-07得票数 97

回答已采纳

2回答

使用javaScript从模式中的表单中获取值并将其放入表行中

javascript、html、css

我正在试着做这个简单的事情，但我需要避免使用任何东西，除了html，css和纯javaScript。我有一个带有名称的模式文本框和一个下拉菜单。在主页上，我有3列html表:日期创建，名称和测试。当我单击页面顶部的按钮Add new时，弹出模式，我希望能够在表单控件中输入值，然后单击Save按钮并在我的表中显示这些值。我知道如何通过使用jQuery或其他更现代的

浏览 16提问于2016-08-10得票数 0

回答已采纳

2回答

如何在不使用display:none或JavaScript的情况下隐藏div？

html、css

<a class="btn btn-warning btn-xs" data-toggle="modal" data-target="#myModalSync">Sync</a> =>如何在不使用显示的情况下隐藏html标记:无或js，仅使用纯css

浏览 1提问于2022-06-15得票数 0

3回答

当物体被点击时关闭模态

javascript、jquery、html、css、modal-dialog

我用CSS和Javascript制作了一个简单的纯模态。下面是代码：<button data-role="toggle-modal" data-toggle="#demo">Trigger</button>

浏览 1提问于2014-10-14得票数 2

回答已采纳

1回答

如何制作一个可滚动内容和最大高度的引导模式？

javascript、css、angularjs、twitter-bootstrap-3、bootstrap-modal

因此，我希望模式是我的窗口的最大高度和内容应该是可滚动的模式。这就是我现在的模式：<div class="modal-dialog modal-lg"> <div class="modal-header"

浏览 5提问于2015-08-13得票数 1

回答已采纳

1回答

在MouseOver上处理ASP.NET Ajax Modal的最佳方式--仅在请求时拉取数据

javascript、asp.net、ajax、modal-dialog、modalpopupextender

我希望创建一个模式弹出窗口，它只在鼠标悬停时拉出模式弹出窗口中的数据，所以我不必预先加载大量数据-相反，我希望它在鼠标悬停时拉出数据-有没有现有的脚本/框架可以让这变得简单？

浏览 1提问于2011-09-07得票数 0

回答已采纳

1回答

如何通过wordpress中最新的jquery在bootstrap模式弹出窗口中动态执行hubspot嵌入表单脚本？

javascript、jquery、wordpress、bootstrap-modal、hubspot

在最新的jquery核心更新之前，以下代码可以很好地工作 jQuery(document).ready(function($){ $('.ga-modal-popup .elementor-button+"',css:'', cssRequired: ''});"})); }); }); 在</

浏览 23提问于2021-01-15得票数 0

回答已采纳

1回答

页面加载时打开引导5.2模式

javascript、bootstrap-5、bootstrap5-modal

我一直在使用引导带与JQuery，并有一个代码片段，显示模式时，一个页面被加载。使用Bootstrap的v5.2，我们被劝阻不要使用JQuery (这是件好事)，但我担心文档非常粗略。基本上，在HTML中给出了一个模型：我想替换JQuery行： $(.auto-modal).modal('sho

浏览 5提问于2022-10-04得票数 1

2回答

在悬停或活动状态下更改svg颜色

html、css、svg

我有一个使用SVG图像的按钮。注意:下面用示例替换了本地SVG文件。 width: 30px; border: 0; border-radius: 30

浏览 0提问于2017-12-12得票数 0

1回答

如何在提交按钮后关闭模式窗口？

html、css

我有纯css的模式窗口。当我点击submit按钮时，我的模式窗口不会消失。如何隐藏我的模式窗口？这是我的代码。下面是CSS和HTML代码。你有什么想法吗？text-center" > <a href="#open-modal" class="myButton

浏览 1提问于2018-08-09得票数 0

1回答

Bulma CSS模式不显示

html、css、modal-dialog、bulma

我使用Bulma作为我的CSS框架，虽然试图使用他们的模态，但它们根本没有样式，好像我遗漏了什么。 ? 覆盖在那里，x按钮似乎在适当的位置和可见，但内容是灰色的。我使用的是以下代码： <body> <div class="modal-backgroun

浏览 25提问于2020-04-26得票数 1

回答已采纳

2回答

在CSS中选择动态元素名

css、angularjs

如何为一组共享相同后缀的自定义HTML标记(Angular.js指令)设置样式？1. <a-modal>3.<c-modal>[*-modal] {} // would've worked with attri

浏览 3提问于2017-02-23得票数 2

回答已采纳

4回答

对动态加载的内容使用引导.modal()

javascript、jquery、twitter-bootstrap、modal-dialog

我在这里有我的代码，它在主体的末尾插入一个预定义的模态标记：'<div id="lngModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="lngModalLabel" aria-hidden="true">'+ ' <div class="moda

浏览 1提问于2013-01-02得票数 4

回答已采纳

2回答

将jQuery从脚本中移除到链接中自动应用优惠券

javascript、jquery、e-commerce

我们正在使用一个小的扩展，自动从一个链接中应用优惠券.我们需要使用CSS转换，只需添加不透明度。第二:在调整大小的过程中，不需要改变顶部和左边的参数。我们可以使用CSS并让浏览器为我们做到这一点。load和DOMContentLoaded的评论，我的回答是：是的，使用DOMContentLoaded是有原因的。因为在构建DOM之前，我们不能将事件添加到元素中，因

浏览 0提问于2017-07-11得票数 4

回答已采纳

点击加载更多