我在chrome中的border-radius有问题
这是我的代码:
这是我的代码:
img{ border-radius: 24px; border: 2px solid #c7c7c7; -moz-border-radius:24px; -webkit-border-radius: 24px; }
在mozzila它工作正常,但在Chrome上看起来很有趣……
在mozzila上,我可以看到一个与我的图像接壤的圆圈,但是在铬上,圆圈会剪切边框,我所能看到的都是直线
截图:http://postimage.org/image/27turq0mc/
你能帮我吗?
解决方法
这可能是一个铬虫.一个解决方案可能是使用div包装img并生成以下css:
img{ -moz-border-radius:24px; -webkit-border-radius: 24px; border-radius: 24px; display:block; } div { border: 2px solid #c7c7c7; border-radius: 24px; -webkit-border-radius: 24px; width:40px; /* the width of image */ height:40px; /* the height of image */ }
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。