2

我正在尝试为我的表单制作一个按钮,该按钮具有图像背景并在背景顶部显示文本。看起来很简单,但无论我尝试什么,我都在努力让文本出现,并且在一个小时的搜索后努力寻找有类似问题的人,所以假设我在做一些愚蠢的事情!

这是我的CSS:

#detail-left .cart-button {
    background : url("../graphics/cart-button.png");
    border : none;
    color : transparent;
    height: 48px;
    width: 118px;
    padding: 10px;
    line-height: 48px;
}

和我的html:

<input class='cart-button' type='submit' value='Add' />
4

3 回答 3

3

去除颜色:透明。它使您的文本透明给它一些颜色。

于 2012-06-24T07:36:01.537 回答
2

从您的样式类中删除color : transparent;,应该可以

#detail-left .cart-button {
    background : url("../graphics/cart-button.png");
    border : none;
    height: 48px;
    width: 118px;
    padding: 10px;
    line-height: 48px;
}

试试这个工作小提琴

于 2012-06-24T07:35:59.023 回答
2

“颜色:透明;” 设置将导致文本完全透明,如果您希望文本具有半透明,请考虑使用 rgba。

于 2012-06-24T07:41:44.997 回答