html - PHPbb froum无法将背景标志颜色更改为渐变

Question

我正在使用 phpbb3 作为我网站的论坛。我在那里添加了 custob header ，这很容易，但现在我想设置渐变。我用 this gradient generator它为我生成了以下代码:

background: #3EC6DC url("pah_to_my_logo.jpg") repeat-x top;
-o-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
/* Recent browsers */
background: -webkit-gradient(
    linear,
    left top, left bottom,
    from(#47F7FE),
    to(#3EC6DC)
);
background: -webkit-linear-gradient(
    top,
    #47F7FE,
    #3EC6DC
);
background: -moz-linear-gradient(
    top,
    #47F7FE,
    #3EC6DC
);
background: -o-linear-gradient(
    top,
    #47F7FE,
    #3EC6DC
);
background: linear-gradient(
    top,
    #47F7FE,
    #3EC6DC
);

我已将 /styles/prosylver/theme/colours.css 中的 .headerbar css 替换为这段代码(pah_to_my_logo.jpg 是当然是我的标志)。现在我看到渐变色，但看不到我的日志。我如何比较它？我试过类似的东西:

background: url("pah_to_my_logo.jpg") linear-gradient(
    top,
    #47F7FE,
    #3EC6DC
);

但这行不通。更新这是 fiddle

Answer 1

您需要做的就是在 <div> 中添加一些内容或给它尺寸；

.gradient {
    height:500px;
    width:500px;
}

如果您还想要背景图片，那么您运气不好，因为规则冲突。您将不得不创建第二个 <div>对于该演示文稿。