Javascript 背景图像区域可点击且响应迅速

LED控制
html{
背景：url（Screen_Shot_20160101_at_181141.png）无重复固定；
-webkit背景大小：包含；
-moz背景大小：包含；
-o-背景尺寸：包含；
背景尺寸：包含；
背景大小：100%100%；
}
家庭控制：




由于您的背景是响应性的，因此可以使用具有基于百分比的尺寸和定位的元素


html{
背景：url(http://i.stack.imgur.com/lC4x1.jpg)无重复固定；
-webkit背景大小：包含；
-moz背景大小：包含；
-o-背景尺寸：包含；
背景尺寸：包含；
背景大小：100%100%；
}
.蓝盒子{
位置：绝对位置；
最高：65%；
边框：3倍纯红；
身高：12%；
宽度：8%；
左：40%；
}
#蓝盒子2{
左：50.5%；
}

我是这里的新手。您可以使用链接查看附加的图像（在此处输入图像描述）您是如何使图像响应的？请为我们提供一个基本的演示。通过使用此代码html{background:url（Screen_Shot_20160101_at_181141.png）无重复固定；-webkit background size:contain；-moz background size:contain；-o-background-size:contain；background size:contain；background size:100%100%；}通过编辑您的问题添加代码，不要发表评论。或者您可以创建一个JSFIDLE演示，这将非常好。欢迎使用StackOverflow，请阅读以下内容：