【问题标题】:Gradient for button not working按钮的渐变不起作用
【发布时间】:2011-03-26 02:29:25
【问题描述】:

我使用这个网站:http://www.generateit.net/gradient/index.htm?start_colour=%23FFFFFF&end_colour=%23666666&height=20&width=1&type=top 生成了一个 20 像素高和 1 像素宽的渐变图像。

然后我使用这个 CSS:background:#19558D url(images/gradient.gif) repeat-x top left; 来应用渐变,但它似乎不起作用。未应用渐变且按钮看起来不是 3D。我可能做错了什么?

【问题讨论】:

    标签: html css button gradient


    【解决方案1】:

    只是问一个显而易见的问题 - 你的图像是否在相对于你的 CSS 文件存储位置的目录中?

    【讨论】:

    • 嗯,让我们看看。 “stylesheets”和“images”文件夹都在“public”文件夹中,CSS文件在“stylesheets”中,而图像在“images”中。
    • 我需要更改 CSS 中的 url 路径吗?
    • 是的。 CSS 中的图像路径是相对于 .css 文件本身的。所以,你会想要 url(../images/gradient.gif)
    • 谢谢!渐变效果...为什么我现在不能显示背景颜色?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2018-12-12
    • 1970-01-01
    • 2016-12-23
    • 2017-11-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多