Question

我正试图从侧边栏上的图像后面拿出一个白色边框。我无法弄清楚导致白色边框的原因。我以为是填充物，然后我以为是边界。如果您访问我们的主页（http://noahsdad.com/）并查看“新常态”图片下的侧栏，您将看到“Reece's Rainbow”图像。我正试图去除图像周围的那个白色。我粘贴在下面的代码中，但它没有做任何事情。关于我做错了什么的任何想法？

感谢。

#text-23 { background: none}

Answer 1

它不起作用的原因是背景：没有人永远不会到达具有背景设置的img（背景不会级联，它们存在于元素中，你可以将多个元素叠加在一起很像一幅画。它具有背景级联的效果）

#text-23 img { background: none; }

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

这也可以通过

完成

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

但不需要这种特异性水平。但是，如果您尝试这样做：

.textwidget img { background: none; }

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

Answer 2

您已通过在style.css的第884行设置以下内容自行添加了白色边框：

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

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

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

Answer 3

这似乎是冲突的CSS类。

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

如果你想调试css，你应该真正研究Firebug（Firefox插件）或Opera并使用内置蜻蜓这些允许您右键单击HTML页面并进行检查。

Answer 4

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

.textwidget img {
    background-color: none;
}

无法弄清楚为什么这个CSS无法正常工作。我确定这是一个简单的错误

4 个答案: