求助：在Power BI中合并背景和菜单代码而不使用JavaScript（初学者寻求指导）
原文英文，约1200词，阅读约需5分钟。
📝
内容提要
编码新手寻求Power BI项目帮助，合并背景代码和两个菜单代码，不使用JavaScript，希望得到指导。
🔎
延伸解读
合并代码时的样式冲突风险
背景代码和菜单代码都包含全局样式，例如 body 的字体、背景和布局设置。直接合并可能导致样式覆盖，影响视频背景的全屏显示或卡片的翻转效果。建议将菜单的样式限定在特定容器内，避免使用全局选择器，以减少冲突。
不使用 JavaScript 的交互实现方式
文章中的菜单卡片翻转效果完全依靠 CSS 的 :hover 伪类实现，无需 JavaScript。在 Power BI 中，如果使用 HTML 内容控件，可以保留这种纯 CSS 交互。但需注意 Power BI 对 HTML 和 CSS 的支持有限，部分高级特性可能无法正常工作。
Power BI 中嵌入自定义代码的注意事项
Power BI 本身不直接支持 HTML 和 CSS 的完整渲染，通常需要借助第三方视觉对象或 HTML 内容控件。在嵌入代码时，需确保所有资源（如视频、图片）的 URL 可访问，并且代码符合 Power BI 的安全限制。此外，响应式布局可能因报表尺寸而需要调整。
❓
Q&A
如何在Power BI中合并背景代码和菜单代码？
可以通过将背景代码与两个菜单代码结合在一起，使用CSS样式进行布局和设计，而不需要JavaScript。
背景代码中包含哪些元素？
背景代码包含视频和标题，并使用CSS样式进行布局和设计。
第一个菜单的结构是什么样的？
第一个菜单包含多个卡片，每个卡片有两面，展示不同的内容。
第二个菜单与第一个菜单有什么相似之处？
第二个菜单的结构与第一个菜单相似，也包含多个卡片。
在设计中使用了哪些CSS特性？
整体设计使用了CSS动画和响应式布局，以增强用户体验。
为什么不使用JavaScript？
文章中提到的编码新手希望在不使用JavaScript的情况下完成项目，因此寻求其他方法。
🏷️
