如何向标题横幅添加背景颜色

时间:2014-05-01 06:53:03

标签: html css styles stylesheet

我已将所有精选图片设置为我网站中每个页面的横幅。这里是链接 - http://constantin-entertainment.info/fixitnow/about-us/。我需要的是我的主页背景颜色与我的主页颜色相同是一个slider.Here是主页http://constantin-entertainment.info/fixitnow/的链接。我已经尝试在图像之前放置一个div并将其命名为feature-img-bg,并设置了没有帮助的背景颜色。我也试过添加宽度也没有帮助。可以请任何一个帮我做这个。谢谢! 这是我写的代码

 <div id="content">
   <div class="container clearfix">


   <div class="featured-img-bg"><a href="http://constantin-entertainment.info/fixitnow/about-us/" title="Permalink to About Us"> <img width="1000" height="390" src="http://constantin-entertainment.info/fixitnow/wp-content/uploads/2014/04/slider.jpg" class="alignleft featured_image wp-post-image" alt="slider"></a></div></div>

和我尝试的CSS是

.featured-img-bg{background: none repeat scroll 0 0 #E4E4E4 !important;width:1349px;}

1 个答案:

答案 0 :(得分:2)

您必须在div #header关闭后粘贴以下代码。

<div class="featured-img-bg">
<a href="http://constantin-entertainment.info/fixitnow/about-us/" title="Permalink to About Us"> <img width="1000" height="390" src="http://constantin-entertainment.info/fixitnow/wp-content/uploads/2014/04/slider.jpg" class="" alt="slider"></a></div>

CSS会是这样的......

.featured-img-bg {
    background: none repeat scroll 0 0 #E4E4E4 !important;
    overflow: hidden;
    text-align: center;
    /*width: 1349px;*/ /*Not Required*/ 
}
.featured-img-bg img{float:none} /*Remove the by default added `float:left`*/

检查屏幕截图以获得更多许可。 enter image description here