2015-10-16 85 views
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> 
+0

它以什么方式“影响页面上的其他片段”? – xxxmatko

+0

我有其他片段淡入,并被编码以保持其“向前”的位置。当我将这段代码放在页面上时,其他代码会使用与此代码段同时淡入和淡出的相同参数。 – user5336878

回答

0

就找到了解决办法:同一个名字的使用。我正在使用动画名称“fadeIn”。我把这个的所有例子都改成了“imgFade”,并且所有的都在工作。