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 回答