图片元素可视化控制 求帮忙！！！！

达文西XXL

这个样子的，我想实现下面的这种控制方法，开关方式是用透明方块图片代替，直接按区域就可以实现开关灯
但是抽风的是在写完第二个开关后之前的所有开关触摸都失效也就是不管做几个都是最后一个开关生效 前面全部不能用
也不知道是是哪里问题，请高手指点一下 万分感谢！！！！
最后面附上第一个开关的卡片代码。



type: picture-elements
elements:  
  - type: image   #开关样式设定
    entity: light.rwread_cloud_506945
    tap_action:
      action: none
    state_image:
      'on': /local/home/taideng.png
      'off': /local/home/touming.png
    style:
      top: 50%
      left: 50%
      width: 100%
  - type: image   #透明触摸按钮设定
    entity: light.rwread_cloud_506945
    tap_action:
      action: toggle
    state image:
      'on': /local/home/anniu.png
      'off': /local/home/anniu.png
      unavailable: /local/home/touming.png
    style:
      top: 51%
      left: 73%
      width: 10%
      height: 26%
      border: 1px solid red
      opacity: 0
image: /local/home/home.png

达文西XXL

已经解决，解决办法就是  先设定好所有灯开关灯样式，再依次设定每一个开关的透明按钮，就不会出现前面设定的开关失灵的现象！！！
希望能帮到一些折腾的同学！！！