代码之家 › 专栏 › 技术社区 › Tim Sullivan

HTML:span,带有背景色和图像——为什么颜色不显示在图像下方?

html image css

Tim Sullivan · 技术社区 · 16 年前

<span id="status" class='unreviewed'>
  Unreviewed 
  <img src="bullet_arrow_down.png" />
</span>

#status {
  float: right;
  position: relative;
  cursor: pointer;
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  color:#FFFFFF;
  font-size: 1.8em;
  top: 10px;
}

#status span.unreviewed {
  padding: 3px 4px; 
  background:#DA704B none repeat scroll 0 0;
}

#status span.unreviewed img {
  float: right;
}

4 回复 | 直到 16 年前

Jeff Atwood 16 年前

#status {
  display: block;
  float: right;
  position: relative;
  cursor: pointer;
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  color:#FFFFFF;
  font-size: 1.8em;
  top: 10px;
}

Jonathan Fingland 16 年前

#status span.unreviewed

后代

#status.unreviewed

你可能想看看w3c对CSS2的规范,以避免像这样的选择器问题。 http://www.w3.org/TR/CSS2/selector.html

希望这能有所帮助。

background-color background 因为你所做的只是改变背景颜色?

Luke Schafer 16 年前

#status span.unreviewed {

到

David Thomas 16 年前

#status span.unreviewed img {
background-color: transparent;
}

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

11 月前

Jamie · 在CSS链接的文件名中添加Jinja占位符

11 月前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

11 月前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

11 月前

Reegan · 使用Angular ngFor指令在html中渲染嵌套对象值

11 月前

wqyutv · 当找不到文件时,任何破坏错误的东西都不会出现,我该怎么解决这个问题?

11 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

11 月前

Gukkey · 在React中明确隐藏日期类型输入后,如果我单击父div,如何显示日期选择器?

11 月前

Lorenzo Bertolaccini · 在Angular项目中通过对话框后,在控制台中显示但在HTML中不显示的数据数组

11 月前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

11 月前