2

画像の背景があり、背景の上にテキストを表示するフォームのボタンを作成しようとしています。非常に単純に思えますが、何をしようとしてもテキストを表示するのに苦労しており、同様の問題を抱えている人を見つけるために1時間検索した後も苦労しているので、何か愚かなことをしていると思います!.

これが私の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

color：transparentを削除します。テキストを透明にすることで、テキストに色を付けます。

于 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 に答える