javascript - border-radius无法使嵌套在a标签内的img元素变为圆形
本文介绍了javascript - border-radius无法使嵌套在a标签内的img元素变为圆形的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
发现 a 标签内的元素高度和img高度不相等
<a href="#">
<img src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=3979058804,967901392&fm=26&gp=0.jpg" alt="美" width=200>
</a>
2.
使用border-radius无法使该img标签变为圆形
<div class="alice">
<div style="padding: 10px;opacity: 0.8;">
<a href="#">
<img src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=3979058804,967901392&fm=26&gp=0.jpg" alt="美" width=200 style="border-radius: 10px"></a>
</div>
<div class="topic">
人物
</div>
</div>
希望各位大佬们可以帮忙解答下,感激不尽。
解决方案
明显是高度不够了,你人物两个字把图片下边遮住了,去掉看看
这篇关于javascript - border-radius无法使嵌套在a标签内的img元素变为圆形的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文