找不到为什么这个CSS不起作用。我敢肯定，这是一个简单的错误

我试图带走从侧边栏图像后面出现的白色边框。我无法弄清楚是什么导致白色边框。我认为这是填充，然后我认为这是边界。如果您访问我们的主页（http://noahsdad.com/）并在“新常态”图片下看到侧栏，您将看到“Reece's Rainbow”图片。我试图去除图像周围的白色。我粘贴了下面的代码，但它没有做任何事情。任何想法，我做错了什么？找不到为什么这个CSS不起作用。我敢肯定，这是一个简单的错误

谢谢。

#text-23 { background: none}

来源

2012-03-02 Rick Smith

它不工作的原因是背景：无从未获得到具有背景上设置的IMG（背景都不会向下他们中的元素存在，你可以有多个元素分层上彼此的顶部就像一幅画。其中有背景级联效应）

#text-23 img { background: none; }

应该可以解决你的问题。我假设，当你打电话给班级textwidget你仍然希望它附加白色背景，而不是这个实例。因此，如果您设置了上述内容，则它将以正确的特性正确级联，同时保留单独的页面的其余部分。

这也可以通过

#text-23 .textwidget img { background: none; }

做，但不是必需的特异性的那个级别。不过，如果你尝试只是做：

.textwidget img { background: none; }

这将覆盖所有在背景中textwidget容器中的图像上设定的实例。

来源

2012-03-02 21:08:59 CBRRacer

非常感谢！我无法弄清楚发生了什么事。我在学习CSS，所以我很感激你花时间解释发生了什么。我试图找出什么是压倒背景：没有。当我浏览我的CSS时，我看到的只有背景是）div.social_icon img {background：none;}那不会这样做，是吗？ – 2012-03-02 21:39:39

@RickSmith实际上你设置的背景是：容器上没有任何东西，但容器没有背景，并且你没有将背景设置为继承，所以当你在容器上将背景设置为none时，它从未级联。所以它不会被覆盖。我更新了我的答案以反映这一点。 – CBRRacer 2012-03-02 21:46:47

非常感谢您花时间来解释这一点。很有帮助。 :) – 2012-03-03 08:05:46

你必须通过设置在style.css 884线以下自行添加的白色边框：

.textwidget img { 
    background: #fff; 
    padding: 5px; 
    max-width: 290px; 
}

只需去除背景声明。如果您只想删除此白色边框的实例，请添加以下规则：

#text-23 .textwidget img { 
    background: none; 
}

来源

2012-03-02 21:10:42 phihag

这似乎是冲突的CSS类。

.textwidget img { 
    background: white; 
    padding: 5px; 
    max-width: 290px; 
}

如果你想调试CSS，你真的应该考虑Firebug（适用于Firefox插件）或Opera并使用内置蜻蜓这允许你右击你的HTML页面上，并检查它。

来源

2012-03-02 21:11:05

转到您的style.css文件并搜索.textwidget img并将background-color属性更改为none。它目前设置为#FFFFFF这是白色的十六进制颜色代码，并导致白色边框或背景（精确地）。

.textwidget img { 
    background-color: none; 
}

来源

2012-03-02 21:13:56

我不介意它在某些事情上（比如上面那张图片）我只是不喜欢它在那个图像上。我很好奇，为什么不在第一个图像上弹出白色边框？ – 2012-03-02 21:40:42

找不到为什么这个CSS不起作用。我敢肯定，这是一个简单的错误

回答

相关问题