我使用这个reference来完成这项工作。然而它似乎没有做到这一点。我错过了什么?我只需要另外一套眼睛。谢谢。
显示背景图片,但不显示渐变。这是一个fiddle来向您展示我的意思。
我做错了什么?
background: #23458E;
background-image: url('/static/images/grey.png'); /* fallback */
background-image: url('/static/images/grey.png'), -webkit-gradient(linear, left top, left bottom, from(#23458E), to(#2661A8)); /* Saf4+, Chrome */
background-image: url('/static/images/grey.png'), -webkit-linear-gradient(top, #23458E, #2661A8); /* Chrome 10+, Saf5.1+ */
background-image: url('/static/images/grey.png'), -moz-linear-gradient(top, #23458E, #2661A8); /* FF3.6+ */
background-image: url('/static/images/grey.png'), -ms-linear-gradient(top, #23458E, #2661A8); /* IE10 */
background-image: url('/static/images/grey.png'), -o-linear-gradient(top, #23458E, #2661A8); /* Opera 11.10+ */
background-image: url('/static/images/grey.png'), linear-gradient(top, #23458E, #2661A8); /* W3C */
答案 0 :(得分:3)
图像完全不透明,因此它在渐变之前指定,它覆盖了渐变。
你的图像和渐变都是完全不透明的,所以目前还不清楚你究竟想要用它们完成什么。对您的问题的解释是我现在能提供的最佳解决方案。