border-radius导致overflow:hidden失效问题。
2024-10-14 15:58:06
如果一个父元素设置了overflow:hidden属于的同时还设置了border-radius属性，那么如果想隐藏超出的子元素，四个圆角处会出现超出圆角依然显示的bug；
一种方法是运用-webkit-mask-image通过遮罩来实现，先不谈该方法兼容性的问题，对于复杂形状的图形该方法是很好用的，但是简单的圆角bug就用遮罩有点杀鸡用牛刀大感觉。
其实解决这个问题，只需在父元素同时设置transform: rotate(0deg)即可解决该问题，亲测可行。
最新文章
- [NodeJS] Hello World 起步教程
- Makefile简易教程
- lucene join解决父子关系索引
- 【应用笔记】【AN001】VC#开发环境下基于以太网的4-20mA电流采集(基于modbus tcp 协议)
- swfupload 参数说明
- C# Func<>托付
- git commit 之后 push 之前，想删除 个别的commit 文件
- PHP面向对象之旅：模板模式(转)
- java打印菱形的简单方法
- xml 解析 Xstream
- ios文本框基本使用,以及所有代理方法的作用
- 正则表达式 cheat sheet
- 6.1、Android Studio的Android Monitor概览
- 01_MUI之Boilerplate中：HTML5示例，动态组件，自定义字体示例，自定义字体示例，图标字体示例
- GitHub和Git（待补充）
- 关于wordpress慢的问题
- windows server core 远程桌面
- Go语言中查询SqlServer数据库
- Unity3D笔记二十 多媒体与网络
- OKHttp概览