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%;    
}

507 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
  133. Pingback: domain
  134. Pingback: davido
  135. Pingback: SSNI-542
  136. Pingback: mvsd 397
  137. Pingback: toys rabbit
  138. Pingback: step sister sex
  139. Pingback: seo merimbula
  140. Pingback: Ghana Music
  141. Pingback: sex toy box
  142. Pingback: hotspot shield
  143. Pingback: penis pump
  144. Pingback: dildo porn
  145. Pingback: 192.168.254.254
  146. Pingback: fset 842
  147. Pingback: body wand massager
  148. Pingback: xvideo download
  149. Pingback: cawd 005
  150. Pingback: my nordstrom com
  151. Pingback: silicone dildo
  152. Pingback: anal play
  153. Pingback: boy jockstraps
  154. Pingback: guitar licks
  155. Pingback: app for laptop
  156. Pingback: Boston Car Service
  157. Pingback: Eweka
  158. Pingback: minyak kelapa VCO
  159. Pingback: Tree removal
  160. Pingback: debt forgiveness
  161. Pingback: dank vapes
  162. Pingback: Dankwoods
  163. Pingback: Dank Vapes
  164. Pingback: Weight Loss Sleep
  165. Pingback: best cakes
  166. Pingback: T shirts
  167. Pingback: 618media.com
  168. Pingback: Zion
  169. Pingback: prostate milking
  170. Pingback: Winrar Crack
  171. Pingback: buy ativan online
  172. Pingback: AT&T Headquarters
  173. Pingback: jockstrap brief
  174. Pingback: gay bondage sex
  175. Pingback: best anal lube
  176. Pingback: Judi Slot Online
  177. Pingback: IPX-363
  178. Pingback: gay enema bag
  179. Pingback: SEO Vancouver
  180. Pingback: GVG-941
  181. Pingback: best sex toys
  182. Pingback: best bullet vibe
  183. Pingback: apps for pc
  184. Pingback: what is pegging
  185. Pingback: Landing Pages
  186. Pingback: milfgilf porn
  187. Pingback: crazybulk foro
  188. Pingback: CAWD-010
  189. Pingback: XVSR 501
  190. Pingback: sewa led
  191. Pingback: nba trades
  192. Pingback: زب نار
  193. Pingback: giant dildo
  194. Pingback: sneaker
  195. Pingback: outlook sign in
  196. Pingback: Wegmans connect
  197. Pingback: cat crap review
  198. Pingback: pc games download
  199. Pingback: strap-on
  200. Pingback: tolle Artikel
  201. Pingback: web creators
  202. Pingback: MIDE-686
  203. Pingback: MIAA-163
  204. Pingback: txxx
  205. Pingback: latest songs
  206. Pingback: buy vape online
  207. Pingback: Vape near me
  208. Pingback: vape shop
  209. Pingback: Dakota Lynch
  210. Pingback: mspy erfahrung
  211. Pingback: flexispy extreme
  212. Pingback: ABP-905
  213. Pingback: liteblue
  214. Pingback: anal toys
  215. Pingback: double sided dildo
  216. Pingback: best penis ring
  217. Pingback: buy ambien online
  218. Pingback: virtual card
  219. Pingback: tv on demand
  220. Pingback: engagement ring
  221. Pingback: anabolic steroids
  222. Pingback: pc app
  223. Pingback: Smm panel paypal
  224. Pingback: real fake money
  225. Pingback: prostate sex toys
  226. Pingback: Pet Exportation
  227. Pingback: classifieds
  228. Pingback: strapon
  229. Pingback: Prestige Waterford
  230. Pingback: asmr tapping
  231. Pingback: buy viagra
  232. Pingback: viagra
  233. Pingback: cheap weed canada
  234. Pingback: wand massager
  235. Pingback: buy viagra
  236. Pingback: purekana killaz
  237. Pingback: cbd oil for sale
  238. Pingback: cialis
  239. Pingback: buy lipitor online
  240. Pingback: stopoverdoseil.org
  241. Pingback: butterfly vibrator
  242. Pingback: vibrator
  243. Pingback: vibrating dong

Leave a Reply