これは多くの人にとって非常に簡単かもしれませんが、私は開発者ではないのでできません。別の画像の上に画像を重ねようとしています。動作しますが、ホバーすると背景に別の画像が表示されます。2 つの画像 (同じサイズ) をホバーすると、互いに重なり合い、異なる色が表示されます。
CSSコードは次のとおりです。
.votebutton {
text-align:center;
background: transparent;
width: 24px;
height: 25px;
overflow: hidden;
float: right;
margin: -21px -28px 0px 0px;
}
.votebutton a: {
}
.votebutton a:hover {
background-image: url(../img/thumbs.png);
position:relative;
display: inline;
z-index: 2;
top: 2;
height: 5px;
width: 10px;
}
HTML
<div id="vote" class="votebutton">{if $anonymous_vote eq "false" and $user_logged_in eq ""}
<a data-toggle="modal" href="#LoginModal" class="btn btn-mini {if $link_shakebox_currentuser_votes eq 1}btn-success{/if}">
{else} {if $link_shakebox_currentuser_votes eq 0}
ここ -- @Pinocchio --> 「stackoverflow コミュニティ」の誰かが私を助けてくれると本当にありがたいです。ありがとう。
編集: 完全なコードを更新しました。ありがとう。