2017-12-18 5 views
1

私はこのページに2つのボタンがあります。一番上の1つは「接続されています」は完璧で、奇妙なフリッカーはありません。しかし、マウスのボタンから離れると、この「奇妙な」ちらつきが底に向かって「もっと読んで」いる。特定のボタンでのみ起こるボタンホバーフリッカーを取り除くにはどうすればよいですか?

https://dev.evolutionaryeducation.org/

私は前にこれを見たことがないし、私が試したすべてが動作するように失敗しました。私はホスティングをサポートするために手を差し伸べました。彼らは「これはブラウザの仕組みです」と言いました。

+1

(base.cssファイル)クラス '.button-stroke a.button:not(.action_button)'には遷移があります。それを取り除くか、base.cssファイル自体を変更するのではなく、推奨される遷移なしで上書きすると、問題が修正されます。 – Curious13

答えて

3

コンテナボタンの上にマウスを置くと、そのボタンのテキストが変更され、テキストの変更がすぐに発生します。

表示されるちらつきは、ボタンの内容(テキスト)がメインボタンと同じ速度で変化しないために発生します。

このCSSは、ページ内に配置することができます(WordPressカスタマイザページの[CSS]タブに配置することができます)。ボタン内のコンテンツを周囲のボタンと同じ速度で移動させることができます。

私はこれをテストし、フリッカーは適用時に私のために消えます。

.button.button_size_2.button_js span.button_label { 
    transition: all 0.3s; 
} 
+1

固定!どうもありがとう。今私はこれを将来の参照のために使うことができます。 –

+0

@AmarPatel問題はありません。Dあなたの質問に答えた場合は、正しい答えとしてマークして、未回答のキューにもう表示されないようにしてください。編集:ちょうどそれが正しい答えとしてマークされて気づいた、私はちょうどそのページをリフレッシュしていない。まもなく私はコメントを掲載して更新しました。愚かな私:p –

関連する問題