如何拥有可点击的背景视图，而不会在其上的视图上引发点击事件？

要实现可点击的背景视图，而不会在其上的视图上引发点击事件，可以通过以下步骤来实现：

1. 在前端开发中，可以使用CSS属性pointer-events来控制元素是否可以触发鼠标事件。将背景视图的pointer-events属性设置为none，可以使其不响应鼠标事件。
2. 在HTML中，将背景视图放置在最底层，即在其他视图的下方。可以使用CSS的z-index属性来控制元素的层叠顺序，将背景视图的z-index设置为较低的值，确保其位于其他视图的下方。
3. 如果使用JavaScript开发，可以通过事件委托的方式来实现。给背景视图添加一个点击事件监听器，当点击事件发生时，判断点击的目标元素是否为背景视图，如果是，则执行相应的操作；如果不是，则忽略该事件。

总结起来，实现可点击的背景视图而不触发其上的视图点击事件的关键是使用CSS属性pointer-events来禁用背景视图的鼠标事件，并通过控制元素的层叠顺序确保背景视图位于其他视图的下方。在JavaScript中，可以通过事件委托的方式来处理点击事件。