作者热门文章
- c - 在位数组中找到第一个零
- linux - Unix 显示有关匹配两种模式之一的文件的信息
- 正则表达式替换多个文件
- linux - 隐藏来自 xtrace 的命令
所以我正在阅读以下文章: Create Modal window with CSS3
但是,我想通过向我的网站添加多个模式框来修改它。
这是原始模态的代码:
<a href="#openModal">Open Modal</a>
<div id="openModal" class="modalDialog">
<div>
<a href="#close" title="Close" class="close">X</a>
<h2>Modal Box</h2>
<p>This is a sample modal box that can be created using the powers of CSS3.</p>
<p>etc..etc..</p>
</div>
<div id=openModal"
没有 CSS 调用要创建多个模式,我的假设是将 div 更改为 <div id=openModal2" class="modalDialog2">
样式仅在模态对话框上,因此对于第二个模态,我假设我也会更改它的类名。
但是,每次我这样做,它都不会打开模态框。
这是我的代码:
<a href="#openModal1">Box 1</a>
<div id="openModal1" class="modalDialog1">
<div>
<a href="#close" title="Close" class="close">X</a>
<h2>Modal Box 1</h2>
<p>This is a sample modal box that can be created using the powers of CSS3. </p>
<p>You could do a lot of things here like have a pop-up ad that shows when your website loads, or create a login/register form for users.</p>
</div>
</div>
<a href="#openModal2">Box 2</a>
<div id="openModal2" class="modalDialog2">
<div>
<a href="#close" title="Close" class="close">X</a>
<h2>Modal Box 2</h2>
<p><strong>Box 2</strong></p>
<p>yadda yadda</p>
</div>
我在这里做错了什么?
最佳答案
您不必更改类(class)。类的作用是将相同的样式应用于不同的元素,因此保留它 modalDialog
就可以完成这项工作。
关于html - 多个 CSS 模态框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13887496/
我来自 Asp.Net 世界,试图理解 Angular State 的含义。 什么是 Angular 状态?它类似于Asp.Net中的ascx组件吗?是子页面吗?它类似于工作流程状态吗? 我听到很多人
我一直在寻找 3 态拨动开关,但运气不佳。 基本上我需要一个具有以下状态的开关: |开 |不适用 |关 | slider 默认从中间开始,一旦用户向左或向右滑动,就无法回到N/A(未回答)状态。 有人
我是一名优秀的程序员,十分优秀!