html - 添加了两个内联 block gif 图像,该行的背景颜色发生变化?

标签 html css image twitter-bootstrap

html{
    background-color:#739AC5;
}

img{
    display:inline-block;
    color:#739AC5;
    background-color:#739AC5;
    margin:0px;
}

我添加了两个内联 block gif 图像。但是,在我添加它们之后,背景颜色从浅蓝色变为白色,但仅限于该行。我已经为图像添加了颜色和背景颜色属性,但没有任何变化。如果我从我的 HTML 中删除图像,背景颜色将恢复正常。我在某处搜索以更改 line-height:0;但这对我也不起作用。 关于发生了什么的任何想法?我可能会补充说我正在使用 Bootstrap ,但我最后链接了我的样式表。

最佳答案

img 元素有更具体的选择器,例如:

div img { background-color: #fff; display: block; }

这个选择器会覆盖另一个,因为特异性胜过级联。

关于html - 添加了两个内联 block gif 图像,该行的背景颜色发生变化?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21184918/

相关文章:

html - ol li inside 滚动条在 Chrome 和 Firefox 之间有什么不同?

html - 列表内联元素中的图像和文本位置

html - 将 box-shadow 添加到 Bootstrap 站点

jQuery 悬停链接交换图像

facebook - 从FB自己的CDN加载FB logo

html - 输入文件的图像标签不可点击

html - 无法在 chrome 中设置表页脚元素的高度

javascript - jQuery - 检查各种输入类型的值

java - 我如何在 Java 中确定图像的色彩空间?

javascript - 如何生成5个不同的随机数?