我有以下代碼,允許用戶將鼠標懸停在圖像上,它會顯示一個新圖像(以及精靈圖像的新部分)。我希望它在點擊時顯示第三個圖像。我在做這個最有效的方法嗎? 2.如何編碼點擊圖片以顯示?如何在點擊時更改我的鏈接圖片?
HTML:
<a href="<?php echo base_url('home/linkedin_login')?>" ><img style = "border-radius: 5px;" class="signin-all" src="assets/images/header/blank.png"></a>
CSS:
[class^="signin-"] {
display: inline-block;
vertical-align: text-top;
background-image: url('../images/signin_sprite.jpg');
background-repeat: no-repeat;
*margin-right: .3em;
}
[class^="signin-"]:last-child {
*margin-left: 0;
}
.signin-all{
background-position: 0px 0px;
width: 132px;
height: 37px;
position: absolute;
}
.signin-all:hover{
background-position: 0px -34px;
width: 132px;
height: 34px;
position: absolute;
}
丹尼爾,你應該接受你的一些問題的答案。 – scottheckel 2012-07-27 02:10:19
這是什麼意思? – 2012-07-27 02:13:37
閱讀常見問題解答:http://stackoverflow.com/faq#howtoask – 2012-07-27 02:14:59