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 之间添加了段落标签，这打破了它。这是一个片段：

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

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

您需要将 CSS 直接粘贴到 style.css 中，因此在您的 WP 仪表板中单击Appearance然后Editor，将 CSS 直接粘贴到样式表中，然后单击Update File。

于 2013-02-01T10:26:41.767 回答