Question

我可能会遗漏一些非常简单的东西，但是我试图将背景设置为白色（如博客文章内容区域），但由于某种原因，网站的背景仍然覆盖了我的造型。我不知道为什么。这是我的styles.css ...有没有人看到发生了什么？（这里有一个帖子，你可以看到背景是白色的，虽然我的css应该是白色的，除非我做错了。http://noahsdad.com/fox-4-interview-noah/）

/*  
Theme Name: Standard-Child-Theme-1
Description: Standard is a meticulously designed and coded theme for professional blogging. It adapts to mobile devices and individual posts can be styled distinctly for words, images, quotes, links, videos, or statuses. It includes a light and dark style sheet and precision, zero-config SEO techniques are built-in. Visitors will love it. Search engines will love it. And you will love it.
Author: 8BIT
Template: Standard
*/

@import url("../Standard/style.css");

.dsq-full-comment { color: #F5F5F5 !important; }

#subscribe_dock input[type="submit"] { padding: 5px 2px; font-size:11px; }

/* Social Icons For Top Right Graphic */
#text-25    {position:relative;}
#social         {background:url(http://noahsdad.com/wp-content/uploads/2012/02/down-syndrome-blogs-noahs-dad.jpg) no-repeat; height:300px; width:300px; position:relative;}
.social_icon        {height:32px; width:32px; display:inline-block;}
.social_trans       {height:32px; width:32px;}
#social_dock        {position:absolute; top:70px; left:8px;}
#social_dock a *    {border:0;}
#subscribe_dock     {position:absolute; bottom:-5px; left:8px;}
#social #facebook   {background:url(http://noahsdad.com/wp-content/uploads/2012/02/social-sprite-2.png) no-repeat;}
#social #twitter    {background:url(http://noahsdad.com/wp-content/uploads/2012/02/social-sprite-2.png) no-repeat -32px 0px;}
#social #youtube    {background:url(http://noahsdad.com/wp-content/uploads/2012/02/social-sprite-2.png) no-repeat -64px 0px;}
#social #rss        {background:url(http://noahsdad.com/wp-content/uploads/2012/02/social-sprite-2.png) no-repeat -96px 0px;}
#social #pintrest   {background:url(http://noahsdad.com/wp-content/uploads/2012/02/social-sprite-2.png) no-repeat -128px 0px;}
#social #googleplus {background:url(http://noahsdad.com/wp-content/uploads/2012/02/social-sprite-2.png) no-repeat -160px 0px;}

/* Needed In Order To Get Social Icons To Show Up Correctly */
div.social_icon img {background: none;}

以下是为使其正常工作而添加的代码。任何想法为什么我需要所有这些代码才能使它工作？感谢。

#disqus_thread {
    clear: both!important;
    background: white;
    background: white;
    margin: 0 0 40px 0;
    position: relative;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.2),transparent 0 0 0,transparent 0 0 0,transparent 0 0 0,transparent 0 0 0;
    -moz-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.2),transparent 0 0 0,transparent 0 0 0,transparent 0 0 0,transparent 0 0 0;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2),transparent 0 0 0,transparent 0 0 0,transparent 0 0 0,transparent 0 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px;

Answer 1

我看了一下网站。要定位的元素的id并更改背景颜色为disqus_thread。因此，找到CSS中的位置并在那里添加适当的样式。

您可以在default.css文件或noahsdad.css文件中执行此操作。您还可以将此行添加到您有权访问的任何CSS文件中：

#disqus_thread {
    background: #fff; // white
}

Answer 2

背景：不可见; 在类似的情况下工作;但取决于模板，许多可能是看不见的。祝你好运。

知道为什么这个CSS没有用吗？我被卡住了

2 个答案: