2015-07-21 67 views
0

當我嘗試向Word新聞網站添加新頁面時,我完成了一個html頁面,但是完成了 。我粘貼了少量的CSS樣式代碼進行3D旋轉。 Wordpress頁面創建器工具刪除代碼。我剛剛粘貼。在Wordpress頁面中直接使用Html和CSS

這裏是有問題的代碼,以防萬一有一個特定的問題與我的CSS有關。

<style> 
}#f1_container { 
    position: relative; 
    margin: 10px auto; 
    width: 450px; 
    height: 281px; 
    z-index: 1; 
} 
#f1_container { 
    perspective: 1000; 
} 
#f1_card { 
    width: 100%; 
    height: 100%; 
    transform-style: preserve-3d; 
    transition: all 0.5s linear; 
} 
#f1_container:hover #f1_card { 
    transform: rotateY(180deg); 
    -webkit-transform-origin-Y: 180deg; 

    box-shadow: -5px 5px 5px #aaa; 
    -moz-transform-origin: 180deg; 

} 
.face { 
    position: absolute; 
    width: 100%; 
    height: 100%; 
    backface-visibility: hidden; 
} 
.face.back { 
    display: block; 
    transform: rotateY(180deg); 
    box-sizing: border-box; 
    padding: 10px; 
    color: white; 
    text-align: center; 
    background-color: #aaa; 
} 


</style> 

我不知道爲什麼Word新聞正在刪除代碼。有沒有一種方法可以將html文件鏈接到頁面上並使其顯示該html代碼片段。

我已閱讀了過去的法典,但找不到與此特定需求相關的部分。

+0

你或許應該把這個變成一個子主題。 https://codex.wordpress.org/Child_Themes – user1048676

+0

你把它保存在html編輯器中嗎? – Grasper

+0

這是一件很明顯的事情,我忘記了這件事。我在預覽時沒有保存草稿,非常感謝。 – Pukwugie

回答

1

您有}開始樣式。

這可能會導致問題:

<style> 
} 

請卸下支架,讓我知道

+0

我已經嘗試過和同樣的問題,並且WP也想要移除我在3D圖片上放在容器下的格式。但是,謝謝你的建議,這對我來說是不好的做法。 – Pukwugie

相關問題