javascript - 打开对话框窗口时更改 Css 样式

标签 javascript jquery html css angularjs

Example of site with dialog window

为什么在单击 Login 并打开对话窗口后。主页样式正在更改。例如,当对话框窗口关闭时,正文的 .css 是

body {
    margin:0 auto;
    width:70%;
}

打开时

body {
    margin:0 auto;
}

如何防止打开对话窗口时更改正文样式?

最佳答案

从主体中删除样式并将其添加到封装其他所有内容的 div。

所以把 body 改成这样...

body {
  margin:0 auto;
}

并添加一个div

  <body ng-app="MyApp">
    <div style="position:absolute;width:70%;left:15%">
     ...
    </div>
  </body>

这是它在 codepen 上的样子

http://codepen.io/anon/pen/QNPMWO

关于javascript - 打开对话框窗口时更改 Css 样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37217397/

相关文章:

javascript - 删除强标记并重新加粗匹配字符串中的字符

jquery - 日期选择器的Onshow事件

JavaScript document.execCommand 删除 formatBlock 格式?

android - HTML 下拉菜单在 Android Lollipop 中显示为空

javascript - 是否可以在附加类中使用变量?

javascript - 为什么我的比较评估为假

javascript - 来自 mysql、php/JQuery 的 Google 折线图

Javascript变量类或id

javascript - Angular 项目构建成功但出现这些错误

javascript - p5.j​​s 中的乒乓球游戏 - 背景图像未正确加载