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

801 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
  244. Pingback: Cenforce 100mg
  245. Pingback: DIY skincare mask
  246. Pingback: top smm panel
  247. Pingback: door swing
  248. Pingback: bondage gear
  249. Pingback: girth enlargement
  250. Pingback: lifelike sex toys
  251. Pingback: anal dildo
  252. Pingback: how vibrators work
  253. Pingback: how to diy a dildo
  254. Pingback: Chiang Mai
  255. Pingback: Aavana Photos
  256. Pingback: viagra
  257. Pingback: viagra
  258. Pingback: viagra
  259. Pingback: viagra
  260. Pingback: viagra
  261. Pingback: viagra
  262. Pingback: viagra
  263. Pingback: viagra
  264. Pingback: viagra
  265. Pingback: dildo
  266. Pingback: free robux and tix
  267. Pingback: VIAGRA
  268. Pingback: generic cialis
  269. Pingback: spins hack 6.5
  270. Pingback: VIAGRA
  271. Pingback: VIAGRA
  272. Pingback: french kiss
  273. Pingback: FREE V BUCKS
  274. Pingback: robux hack apk
  275. Pingback: butt plugs
  276. Pingback: viagra for men
  277. Pingback: butt vibrator
  278. Pingback: free v bucks ps4
  279. Pingback: dp dong
  280. Pingback: online investment
  281. Pingback: malaysia escorts
  282. Pingback: anal training kit
  283. Pingback: vbucks.win
  284. Pingback: robux free
  285. Pingback: p spot vibe
  286. Pingback: Sex
  287. Pingback: kinky
  288. Pingback: Topmediamarkt
  289. Pingback: porn
  290. Pingback: legal
  291. Pingback: warming vibe
  292. Pingback: anime
  293. Pingback: film streaming
  294. Pingback: dildo
  295. Pingback: best butt plugs
  296. Pingback: 먹튀검증업체
  297. Pingback: 먹튀검증
  298. Pingback: 메이저놀이터
  299. Pingback: 먹튀폴리스
  300. Pingback: SEX
  301. Pingback: free robux Method
  302. Pingback: escort directory
  303. Pingback: movies online
  304. Pingback: karan johar
  305. Pingback: Top Movies
  306. Pingback: Movies1
  307. Pingback: how to use a dildo
  308. Pingback: naked
  309. Pingback: generic cialis
  310. Pingback: personals
  311. Pingback: casual encounters
  312. Pingback: laweekly.com
  313. Pingback: buy cbd oil
  314. Pingback: penis enhancement
  315. Pingback: remote bullet vibe
  316. Pingback: anal play
  317. Pingback: rabbit toys
  318. Pingback: law
  319. Pingback: xxx
  320. Pingback: CHEA VIAGRA ONLINE
  321. Pingback: Film Streaming
  322. Pingback: Infrared Cabin
  323. Pingback: Threema
  324. Pingback: SeventyOne
  325. Pingback: HUNTA 683
  326. Pingback: SSNI-629
  327. Pingback: Serial smotret
  328. Pingback: kinokrad
  329. Pingback: kinokrad 2020
  330. Pingback: laws
  331. Pingback: Khmer
  332. Pingback: peliculas online
  333. Pingback: full apps download
  334. Pingback: male vacuum pump
  335. Pingback: male extender
  336. Pingback: vibrating bullet
  337. Pingback: software download
  338. Pingback: Escort amsterdam
  339. Pingback: Book a escort
  340. Pingback: casino
  341. Pingback: filmy-kinokrad
  342. Pingback: kinokrad-2019
  343. Pingback: serial
  344. Pingback: the kpi institute
  345. Pingback: HND 758
  346. Pingback: dual vibrator
  347. Pingback: sex toys for men
  348. Pingback: clit
  349. Pingback: loadcentral
  350. Pingback: vibrating bullet
  351. Pingback: panty vibrator
  352. Pingback: an trua quan 3
  353. Pingback: Famous hunters
  354. Pingback: GENM-023
  355. Pingback: seopublissoft.fr
  356. Pingback: hammer pulverizer
  357. Pingback: blackboard uq
  358. Pingback: flexible dildo
  359. Pingback: restaurants
  360. Pingback: restaurants
  361. Pingback: dgdx
  362. Pingback: cerialest.ru
  363. Pingback: Mesothelioma
  364. Pingback: XXX VIDEOS
  365. Pingback: Work at home dads
  366. Pingback: roblox
  367. Pingback: pocket stroker
  368. Pingback: couples sex toy
  369. Pingback: #girls
  370. Pingback: descargasmix
  371. Pingback: best new dildos
  372. Pingback: sex toys for women
  373. Pingback: double dildo
  374. Pingback: massage vibrator
  375. Pingback: asmr sex
  376. Pingback: Soap
  377. Pingback: 메이저사이트
  378. Pingback: organic seeds
  379. Pingback: Donovan
  380. Pingback: DUAL AUDIO MOVIES
  381. Pingback: bondage set
  382. Pingback: cactus gardens
  383. Pingback: Buy blackhat SEO
  384. Pingback: movies
  385. Pingback: rabbit sex toy
  386. Pingback: 우리카지노
  387. Pingback: 더킹카지노
  388. Pingback: 퍼스트카지노
  389. Pingback: 코인카지노
  390. Pingback: Keto
  391. Pingback: 예스카지노
  392. Pingback: PORNHUB
  393. Pingback: FAKE NEWS
  394. Pingback: web designing
  395. Pingback: New York
  396. Pingback: laws
  397. Pingback: Pizza
  398. Pingback: male masturbators
  399. Pingback: zwrot prowizji
  400. Pingback: TSUE
  401. Pingback: bullet sex toy
  402. Pingback: Dog Bandanas
  403. Pingback: jelly dildo
  404. Pingback: ebay.in coupon
  405. Pingback: phen375 review

Leave a Reply