css - add link to rollover script -

-

i have pure css rollover script series of images each held in own divs , on hover, background image slides image theoretically changes.

is possible add link image though? images contact icons facebook, twitter, website etc. ideally upon hover user can click icon , go link.

i figured adding <a ref=........</a> after , before div tags work didn't ie. link isn't recognised , can't clicked on.

html

<div class="fbook-hover social-slide"></div>

css

.social-slide { height:300px; width: 250px; margin: 10px; float: left; -webkit-transition: ease 0.3s; -moz-transition: ease 0.3s; -o-transition: ease 0.3s; -ms-transition: ease 0.3s; transition: ease 0.3s; }     .social-slide:hover { background-position: 0px -300px; } .fbook-hover { background-image: url('/images/smedia/fbook.png'); }

jsfiddle http://jsfiddle.net/26b3h/1/

you doing right, instead of "ref" need use "href"

http://jsfiddle.net/jonigiuro/26b3h/3/

 <a href="http://www.google.com" target="_blank"><div class="fbook-hover social-slide"></div></a>

Comments

Post a Comment

Popular posts from this blog

Unable to remove the www from url on https using .htaccess -

-
i want remove www site url. ie. https://www.domainname.com.au https://domainname.com.au . i have tried various .htacces code nothing work me. here present code remove www http not work https. rewriteengine on rewritebase / rewritecond %{http_host} ^www\.(.*)$ [nc] rewriterule ^/(.*)$ http://%1/$1 [r=301,l] rewritecond %{https} off rewriterule ^(.*)$ https://domainname.com.au/$1 [r=301,l] rewriterule ^code-of-conducts/(.*)/$ code-of-conducts.php?type=$1 rewriterule ^parents/post-a-job/(.*)/edit/$ parents/post-a-job.php?action=edit&id=$1 rewriterule ^parents/post-a-job/(.*)/$ parents/post-a-job.php?job_type=$1 rewriterule ^parents/open-jobs/(.*)/delete/$ parents/open-jobs.php?action=delete&id=$1 rewriterule ^parent-profile/(.*)/$ parent-profile.php?id=$1 rewriterule ^parents/job-details/(.*)$ parents/job-details.php?applied_id=$1 rewriterule ^sitterprofile/(.*)/$ sitterprofile.php?id=$1 rewriterule ^sitter/job-board/state/(.*)/page/(.*)/$ sitter/job-board.ph...
Read more