多个CSS背景

时间:2014-05-05 09:27:53

标签: html css

我有3张背景图片和一种颜色,我想把它放到模拟网页上,但我根本无法显示它们,这是我正在使用的CSS:

body{
    #FF0,
    url(../Pictures/midal_foot_img_lg.png) bottom center no-repeat,
    url(../Pictures/banner.png) center no-repeat,
    background:url(../Pictures/header2.png) top center no-repeat;
}

2 个答案:

答案 0 :(得分:1)

我认为你的语法不对,试试这个:

body {
    background: 
       url(../Pictures/midal_foot_img_lg.png) bottom center no-repeat,
       url(../Pictures/banner.png) center no-repeat,
       url(../Pictures/header2.png) top center no-repeat;
    background-color: #FF0;
}

Source

答案 1 :(得分:0)

Css属性名称必须在值之前。在你的情况下背景。您也可以查看Barnee指出的问题。

   body{
       background:            
       url(../Pictures/midal_foot_img_lg.png) bottom center no-repeat,
       url(../Pictures/banner.png) center no-repeat,
       url(../Pictures/header2.png) top center no-repeat,
       #FF0
   }