解决CSS中鼠标移入到某个元素其子元素被遮挡的问题

解决方案：

1. 使用CSS的pointer-events属性。如果子元素不希望接收鼠标事件，可以将其设置为pointer-events: none;。
2. 调整HTML结构，使得鼠标事件绑定到父元素上，然后通过事件委托处理子元素的事件。
3. 使用JavaScript来处理事件的监听和处理，可以在鼠标移入父元素时禁用子元素的事件监听。

示例代码：

/* 方案1：子元素不接收鼠标事件 */
.child {
  pointer-events: none;
}
 
/* 方案2：HTML结构不变，JavaScript处理事件 */
window.onload = function() {
  var parent = document.getElementById('parent');
  parent.onmouseenter = function() {
    // 禁用子元素的事件监听
  };
};
 
/* 方案3：使用jQuery进行事件委托 */
$(document).ready(function() {
  $('#parent').on('mouseenter', '.child', function(event) {
    // 处理鼠标移入事件
  });
});

<!-- HTML结构 -->
<div id="parent">
  <div class="child">这是子元素</div>
</div>

请根据实际情况选择合适的方案并进行代码实现。