0

私はしばらくこの問題に苦労しましたが、まだ解決策を見つけることができませんでした。wordpress で投稿用のカスタム CSS ボックスを作成しましたが、機能していません。何をしてもボックスが表示されません。

誰かが私が間違っていることを理解できるかどうかを期待していました。

ありがとう

スタイル：

.square880x165 {
margin: 10px auto;
display: block;
width: 880px;
height: 165px;
padding: 20px;
position: relative;
float:left;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #aaaeaf), color-stop(100%, #689ecd));
background-image: -webkit-linear-gradient(#aaaeaf, #689ecd);
background-image: -moz-linear-gradient(#aaaeaf, #689ecd);
background-image: -o-linear-gradient(#aaaeaf, #689ecd);
background-image: -ms-linear-gradient(#aaaeaf, #689ecd);
background-image: linear-gradient(#aaaeaf, #689ecd);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.35);
-moz-box-shadow: 0 1 3px rgba(0, 0, .35);
box-shadow: 0 1 3px rgba(0, 0, .35);
background: white;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
bottom: 1px;
content: '';
left: 1px;
right: 1px;
top: 1px;

}

および HTML:

<div class="square880x165"><p>test</p></div>
4

1 に答える 1

0

HTML と CSS は動作するはずです (CSS に繰り返しがありますが、動作が停止することはありません)。WordPress テーマの適切な場所に両方を配置しましたか?

通常、CSS は style.css に入り、HTML を含むページがそのスタイルシートを参照していることを確認します。

私たちが見ることができるライブページはありますか？

さて、テストコードに基づいて、この問題はスタイルをどのように埋め込んだかにあります. それらを投稿に貼り付けただけのように見えるので、Wordpress は CSS の間に段落タグを自動的に追加し、CSS を壊します。ここにスニペットがあります：

<style>
<p>body{
    background: #fff;
    color: #4A4A4A ;
}</p>
<p>.square880x165 {
    margin: 10px auto;
    display: block;

    position: relative;}</p>
</style>

CSS を style.css. に直接貼り付ける必要があるため、WP ダッシュボードで [外観]、[エディター] の順にクリックし、CSS をスタイルシートに直接貼り付けて、[ファイルの更新] をクリックします。

于 2013-02-01T10:26:41.767 に答える