在CSS中为Blockquotes显示多个背景图像

时间:2014-12-12 16:57:05

标签: css background-image

我试图在CSS中创建一个blockquote指定,但我尝试出现在引号部分(homepage-quotation-marks-1.png)中只有一个元素实际显示出来。如果有人能帮我把其他三个元素(bg-quote3a.png / bg-quote3b.png / homepage-quotation-marks-2.png)变得可见,那就太棒了。我确定这是一个我忽视的愚蠢错误。谢谢!

<head>
<style>
background: url(http://royalelectric.com/wp-content/uploads/2014/12/homepage-quotation-marks-1.png) no-repeat left top,
            url(http://royalelectric.com/blog/wp-content/uploads/2014/12/bg-quote3a.png) no-repeat center top,
            url(http://royalelectric.com/blog/wp-content/uploads/2014/12/bg-quote3b.png) no-repeat center bottom,
            url(http://royalelectric.com/wp-content/uploads/2014/12/homepage-quotation-marks-2.png) no-repeat right bottom,
color: #a5a4a4;
font-style: italic;
padding: 3% 3% 3% 3%; 
margin: 3% 3% 3% 3%; 
background-color: rgba(202, 206, 239, 1) ;
}   
</style>
</head>
<body>
<blockquote>
<h1>Header!</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<p>Vivamus ultricies tellus orci, feugiat viverra diam tristique eu. Pellentesque in nisl suscipit, condimentum elit sit amet, volutpat eros.</p>
</blockquote>
</body>

0 个答案:

没有答案