如何让modal的背景色变透明

clipboard.png

请问想要将antd里的modal组件的背景色变透明怎么处理,前提是不能更改antd的原生的class样式

阅读 13.1k
4 个回答

找出这个背景色的class 然后写个优先级高的class 盖过它就可以了

css background-blend-mode属性,
为了支持此属性,需要在浏览器开启功能-->
打开chrome://flags/ , 启用enable-experimental-web-platform-features

你是说让图片的背景色变透明?那只能在PS或者其它设计软件中处理图片啊,CSS怎么可能改变图片本身呢


问题修改了,我觉得可以通过修改ant design的css做到这点


题主又更新了...
我觉得你自己给这个div加个id,然后自己加个css不就行了
id权重比class权重大不是么,再不行!important

.ant-modal-mask {
  background-color: transparent !important;
}

这样其它的也透明了,建议保留颜色。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏