作者:天之道 | 来源:互联网 | 2023-01-11 09:04
只是一个非常快的我有点麻烦 - 也就是说,背景css元素的排序.
我有以下内容:
background-color: #3C3E89; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(#3C3E89, #6265E4); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#3C3E89, #6265E4); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#3C3E89, #6265E4); /* For Firefox 3.6 to 15 */
background: linear-gradient(#3C3E89, #6265E4); /* Standard syntax */
background-image: url('../images/logo.png');
background-size: cover;
由于某种原因,png - 虽然它有透明层 - 覆盖了我希望它所依赖的线性渐变.
我有一点根源,看看对于这个正确的方法是什么,尝试过它们,没有运气.我想知道是否有人在渐变背景上覆盖png的尝试和测试方法...
我相信每个人都会尖叫我说这是一个重复的问题 - 但除非我遗漏了一些东西,否则我无法成功实施他们的建议.
更新:
我也尝试过以下方法:
background-image:
-webkit-linear-gradient(#3C3E89, #6265E4), /* For Safari 5.1 to 6.0 */
-o-linear-gradient(#3C3E89, #6265E4), /* For Opera 11.1 to 12.0 */
-moz-linear-gradient(#3C3E89, #6265E4), /* For Firefox 3.6 to 15 */
linear-gradient(#3C3E89, #6265E4), /* Standard HTML Syntax */
url('../images/logo.png');
和...
background:
-webkit-linear-gradient(#3C3E89, #6265E4), /* For Safari 5.1 to 6.0 */
-o-linear-gradient(#3C3E89, #6265E4), /* For Opera 11.1 to 12.0 */
-moz-linear-gradient(#3C3E89, #6265E4), /* For Firefox 3.6 to 15 */
linear-gradient(#3C3E89, #6265E4), /* Standard HTML Syntax */
url('../images/logo.png');
Flying..
6
您通过设置覆盖背景background-image
.相反,您需要使用多个背景:
background-image: url('../images/logo.png'), linear-gradient(#3C3E89, #6265E4);
根据文件记载,背景是从最近到最远的.所以在你的情况下,首先应该在渐变上绘制图像.
1> Flying..:
您通过设置覆盖背景background-image
.相反,您需要使用多个背景:
background-image: url('../images/logo.png'), linear-gradient(#3C3E89, #6265E4);
根据文件记载,背景是从最近到最远的.所以在你的情况下,首先应该在渐变上绘制图像.