0
我正在使用能够将HTML代码片段添加到页面的使用者Web构建程序(EverWeb)。我想将其他代码片段放置到工作页面,但是我最后一个代码片段的代码正在影响页面上的其他代码片段。隔离CSS代码
有没有一种方法来配置代码,使其与页面上发生的其他事情(我不是编码器)保持“隔离”。
我使用的代码如下。
谢谢。
<img class="big" src="{!-ASSETSPATH-!}Images/[email protected]" height="65" width="600" alt="" />
<style type="text/css">
@-webkit-keyframes fadeIn{
0% {opacity: 0;}
38% {opacity: 1;}
76% {opacity: 1;}
100% {opacity: ;}
}
@-moz-keyframes fadeIn{
0% {opacity: 0;}
38% {opacity: 1;}
76% {opacity: 1;}
100% {opacity: ;}
}
@-o-keyframes fadeIn{
0% {opacity: 0;}
38% {opacity: 1;}
76% {opacity: 1;}
100% {opacity: ;}
}
@keyframes fadeIn{
0% {opacity: 0;}
38% {opacity: 1;}
76% {opacity: 1;}
100% {opacity: ;}
}
.big {
opacity:0;
-webkit-animation:fadeIn ease-in 1;
-moz-animation:fadeIn ease-in 1;
-o-animation:fadeIn ease-in 1;
animation:fadeIn ease-in 1;
-webkit-animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
-o-animation-fill-mode:forwards;
animation-fill-mode:forwards;
-webkit-animation-duration:8s;
-moz-animation-duration:8s;
-o-animation-duration:8s;
animation-duration:8s;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
}
</style>
它以什么方式“影响页面上的其他片段”? – xxxmatko
我有其他片段淡入,并被编码以保持其“向前”的位置。当我将这段代码放在页面上时,其他代码会使用与此代码段同时淡入和淡出的相同参数。 – user5336878