html – 创建透明加载叠加层

概述使用相同的标记(如下所示),是否可以添加创建透明背景叠加的样式,即加载叠加？当我尝试向.loading CSS添加背景时,它只将它添加到.loading元素的背景而不是正文.样式.loading被删除(通过jQuery),所以理想情况下我希望覆盖以某种方式连接到.loading,如果可能的话？ HTML <div class=loading style-2> content</div> 使用相同的标记(如下所示),是否可以添加创建透明背景叠加的样式,即加载叠加？当我尝试向.loading CSS添加背景时,它只将它添加到.loading元素的背景而不是正文.样式.loading被删除(通过jquery),所以理想情况下我希望覆盖以某种方式连接到.loading,如果可能的话？

HTML

<div class=loading style-2>    content</div>

CSS

.loading {  position: fixed;  top: 1px;  margin: 5em;  border-wIDth: 30px;  border-radius: 50%;  -webkit-animation: spin 1s linear infinite;     -moz-animation: spin 1s linear infinite;       -o-animation: spin 1s linear infinite;          animation: spin 1s linear infinite;  }.style-1 {  border-style: solID;  border-color: #444 transparent;  }.style-2 {  border-style: double;  border-color: #ccc transparent;  }.style-3 {  border-style: double;  border-color: #444 #fff #fff;  }@-webkit-keyframes spin {  100% { -webkit-transform: rotate(359deg); }  }@-moz-keyframes spin {  100% { -moz-transform: rotate(359deg); }  }@-o-keyframes spin {  100% { -moz-transform: rotate(359deg); }  }@keyframes spin {  100% {  transform: rotate(359deg); }  }

解决方法 添加透明背景

$('.loading').CSS('background','transparent');

删除加载div

$('.loading').hIDe();

和fiddle

总结

以上是内存溢出为你收集整理的html – 创建透明加载叠加层全部内容，希望文章能够帮你解决html – 创建透明加载叠加层所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。