CSS背景在Codepen上不起作用

可能是由于以下几个原因：

1. 代码错误：首先，需要检查CSS代码是否正确。可能存在语法错误、拼写错误或者缺少必要的CSS属性。可以使用浏览器的开发者工具来检查CSS代码是否被正确应用。
2. 选择器优先级：CSS中存在选择器优先级的概念，如果其他选择器的优先级高于当前选择器，那么背景样式可能被覆盖。可以尝试使用更具体的选择器，或者使用!important来提高当前选择器的优先级。
3. 元素属性：有些元素可能具有自己的默认样式或者属性，这可能会影响背景样式的显示。可以尝试使用CSS的reset样式或者重置元素的默认样式。
4. 外部样式表：如果使用了外部样式表，需要确保样式表的链接地址正确，并且样式表中包含了正确的背景样式。
5. Codepen设置：Codepen可能有一些特殊的设置，可能会影响CSS样式的显示。可以检查Codepen的设置，确保没有禁用背景样式或者设置了其他特殊的样式。

总结起来，解决CSS背景在Codepen上不起作用的问题，需要检查代码是否正确、选择器优先级、元素属性、外部样式表以及Codepen的设置。如果以上方法都没有解决问题，可以尝试搜索Codepen的官方文档或者向Codepen的支持团队寻求帮助。