2015-10-16 66 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」,並且所有的都在工作。