0

このリンクにライブサイトがあります。注目の製品カテゴリの下のそのホームページには、いくつかの製品があることがわかります。すべての商品の下に、カートに追加というボタンがあります。カートに追加ボタンをクリックすると、ボタンが上部に向かってジャンプすることがわかります。私はクロムブラウザを使用しているので、確認してください。誰かがこの問題を解決する方法を親切に教えてくれますか。ヘルプと提案はかなりのものです。ありがとう

アップデート

position: absolute を使用したという点で、これはその行のすべてのボタンを一列に並べるために使用されます。したがって、それを削除する提案をしている場合は、これらすべてのボタンを整列させておく必要があることに注意してください.

4

3 に答える 3

1

追加 :

a.button:active{
    top:inherit;
}

あなたのcssの最後に。

于 2013-02-11T05:48:28.880 に答える
0

position:absoluteから削除

div#content ul.products li.product a.add_to_cart_buttonをstyle.css の 2178 行 目に追加し 、他のスタイルを設定します。

于 2013-02-11T05:41:42.627 に答える
0

assets/css/woocommerce.cssのこのルールが問題を引き起こしています。すでに0ピクセルに設定されている値top1に設定することにより、アクティブな状態でボタンを引き伸ばし、高さの 100% を取得します。したがって、このルールを削除すれば問題ありません。bottom

a.button:active, button.button:active, input.button:active, #respond input#submit:active, #content input.button:active {
    top: 1px;
}

編集:

top別の汚い解決策は、アクティブな状態の [カートに追加] ボタンのプロパティをオーバーライドすることです。このルールをスタイルシートに追加すると、問題も解決します

.add_to_cart_button:active{
  top:auto!important;  /*Forces the top to it's default value*/
}
于 2013-02-11T05:50:17.567 に答える