Heim  >  Artikel  >  Web-Frontend  >  span中背景图去掉float属性就不显示?_html/css_WEB-ITnose

span中背景图去掉float属性就不显示?_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:13:211055Durchsuche

初学css,遇到个奇怪的问题,把float去掉后就看不到背景图,firebug上也找不到span元素了,这是什么原因呢?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>    <title>文本框中的事件应用</title>    <style type="text/css">            .spnInit{width:179px;height:40px;line-height:40px;float:right;background: url('Images/pic_Email_ok.gif') no-repeat;}    </style></head><body>           <span id="spnTip" class="spnInit"></span></body></html>


回复讨论(解决方案)

补充下,假如不用float属性,该怎样显示出来背景图呢?

这样不行?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>    <title>文本框中的事件应用</title>    <style type="text/css">            .spnInit{width:179px;height:40px;line-height:40px;background: url('Images/pic_Email_ok.gif') no-repeat;}    </style></head><body>           <span id="spnTip" class="spnInit"><pre class="brush:php;toolbar:false">dfasdfasdssssssssssssssssssssssssssssdfasdfsdfasdfasdfasdfas

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn