Image Map On background Image-Responsive

Following is the code to use mapping in the responsive background image.
 Code written here is for the rectangular image. First half[50%] of the image is linked to one URL, and another 50%[half] image is linked to another URL.
/* HTML code for imap */

<div id="demo"> 
<a id="link1" title="link1" href="#"></a>
 <a id="link2" title="link2" href="#"></a>
</div>
/* CSS */

#demo{
    padding-bottom: 75%; /* for a 4:3 aspect ratio */
    background-size: 100%;
    background-repeat: no-repeat;
background-image:url(http://www.color-hex.com/palettes/1051.png);
    
}
a#link1, a#link2 {
    overflow: hidden;
    position: absolute;   
}
#link1 {
    left: 0%;
    width: 100%;
    height: 100%;
}
#link2 {
    left: 50%;
    width: 100%;
    height: 100%;    
}

270 thoughts on “Image Map On background Image-Responsive

  1. Pingback: Google
  2. Pingback: doc 5246
  3. Pingback: Lezione 2
  4. Pingback: treadmills
  5. Pingback: 토토검증
  6. Pingback: Cheap FUT Coins
  7. Pingback: flexible vibrator
  8. Pingback: Chicago SEO
  9. Pingback: Detroit SEO
  10. Pingback: detox tea
  11. Pingback: shmmovers
  12. Pingback: curso online
  13. Pingback: curve massager
  14. Pingback: music theory
  15. Pingback: VIP Desert Safari
  16. Pingback: chwilówki
  17. Pingback: enhancer sleeve
  18. Pingback: plus size dildo
  19. Pingback: anal vibrator
  20. Pingback: Porn City
  21. Pingback: vibrating panties
  22. Pingback: Nerf Gun
  23. Pingback: quick loans
  24. Pingback: mail order brides
  25. Pingback: #workfromhome
  26. Pingback: xxnxx
  27. Pingback: i need a house
  28. Pingback: best anal toys
  29. Pingback: Store
  30. Pingback: penis pump
  31. Pingback: vibrating dildo
  32. Pingback: fun88
  33. Pingback: 188bet
  34. Pingback: app for laptop
  35. Pingback: live sex
  36. Pingback: asus m11bb drivers
  37. Pingback: rencontres sexe
  38. Pingback: cameras ao vivo
  39. Pingback: Zonnebrand
  40. Pingback: Zwembad kopen
  41. Pingback: Pin.tt
  42. Pingback: vibrating bullet
  43. Pingback: Gurgaon
  44. Pingback: cock gay
  45. Pingback: wand massager
  46. Pingback: Bàn làm việc
  47. Pingback: webcam babes
  48. Pingback: anal play kit
  49. Pingback: double dildo
  50. Pingback: anal butt plug
  51. Pingback: realistic dong
  52. Pingback: stroker
  53. Pingback: butt plug
  54. Pingback: реяли
  55. Pingback: sex toys
  56. Pingback: monster dong
  57. Pingback: pocket stroker
  58. Pingback: penis pumping
  59. Pingback: sex toys for her
  60. Pingback: gay enema bag
  61. Pingback: anal sex for gays
  62. Pingback: Porn Land
  63. Pingback: Tadapox
  64. Pingback: pilote souris ngs
  65. Pingback: best anal plugs
  66. Pingback: dildo reviews
  67. Pingback: sexual lube
  68. Pingback: using kegel balls
  69. Pingback: panty vibrator
  70. Pingback: 15% minoxidil
  71. Pingback: steroid powder
  72. Pingback: remote bullet vibe
  73. Pingback: male masturbator
  74. Pingback: realistic dildo
  75. Pingback: treatment vagina
  76. Pingback: anal training kit
  77. Pingback: nipple toys
  78. Pingback: vibrating ring
  79. Pingback: calexotics
  80. Pingback: blowjob
  81. Pingback: jesse jane stroker
  82. Pingback: SSRU
  83. Pingback: rabbit vibrators
  84. Pingback: cyberskin dong
  85. Pingback: how to use a dildo
  86. Pingback: best sex toy 2018
  87. Pingback: sexy bondage
  88. Pingback: porn
  89. Pingback: sex costume
  90. Pingback: jørwi hundeseng
  91. Pingback: Julia Ann Porn
  92. Pingback: Fashion Station
  93. Pingback: Pakistani Suits
  94. Pingback: Pentair Ichlor
  95. Pingback: 性愛視頻
  96. Pingback: sexboer
  97. Pingback: porno files
  98. Pingback: geile sex filmpjes
  99. Pingback: pornofilmpjes
  100. Pingback: iptv links reddit
  101. Pingback: liteblue login
  102. Pingback: liteblue
  103. Pingback: diy dildo
  104. Pingback: finger sex
  105. Pingback: neon slim dildo
  106. Pingback: virtual visa card
  107. Pingback: travel
  108. Pingback: jørwi hundeseng
  109. Pingback: beeg com
  110. Pingback: giant dildo
  111. Pingback: one walmart
  112. Pingback: Don Karl Juravin
  113. Pingback: messagerie outlook
  114. Pingback: vibrator review
  115. Pingback: sexy bondage kit
  116. Pingback: costco hours
  117. Pingback: podcast
  118. Pingback: bullet vibrator
  119. Pingback: vibrators
  120. Pingback: blowjob tips
  121. Pingback: using cock rings
  122. Pingback: home decor rustic
  123. Pingback: daftar sbobet
  124. Pingback: counterstrike
  125. Pingback: Roadrunner Email
  126. Pingback: minoxidil 15%
  127. Pingback: سکس خارجی
  128. Pingback: seo consulting
  129. Pingback: pussy masturbator
  130. Pingback: gay male sex toys
  131. Pingback: mide 675
  132. Pingback: mp3 download

Leave a Reply