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