Chrome更新后GeneXus半透明遮罩变黑屏的技术解决咨询

方法一：通过GeneXus主题CSS添加样式 #

• 打开GeneXus项目，在导航栏的Themes节点下找到当前使用的主题，右键选择编辑
• 在主题编辑器中切换到Custom CSS标签页，粘贴以下CSS代码：

.gx-mask {
  background-color: rgba(128, 128, 128, 0.5) !important; /* 半透明灰色 */
  opacity: 1 !important; /* 避免Chrome渲染异常 */
}

• 保存主题，执行Generate All重新生成整个项目，发布后修改即可生效

方法二：通过母版页（Master Page）添加样式 #

• 在项目中找到当前使用的母版页，右键选择编辑
• 在母版页的<head>标签区域内添加<style>标签，放入指定CSS代码：

<head>
  <!-- 保留原有head内容 -->
  <style>
    .gx-mask {
      background-color: rgba(128, 128, 128, 0.5) !important; /* 半透明灰色 */
      opacity: 1 !important; /* 避免Chrome渲染异常 */
    }
  </style>
</head>

• 保存母版页，生成关联页面并发布即可生效

关键提示 #

• 必须保留!important声明，确保自定义样式优先级高于GeneXus默认样式
• 操作完成后务必重新生成项目，否则修改无法同步到前端页面

内容的提问来源于stack exchange，提问作者Falchini Cesar Adolfo