css实现文章图片img“消除空白可以点击” 只能点击图片

2018/09/0722:43:25css实现文章图片img“消除空白可以点击” 只能点击图片已关闭评论 109

如下图,当鼠标移入到黄色背景区域,就出现可以点击图片的手型。

css实现文章图片img“消除空白可以点击” 只能点击图片

目的就是:“img标签外的部分不能点击”。只能点击图片。

css实现文章图片img“消除空白可以点击” 只能点击图片

在文章的图片“消除空白可以点击”,根据思否网站一篇文章,包裹img的a标签为什么不和img元素一样大。

<p>
<a href="https://www.segena.com/wp-content/uploads/2018/09/2018090315274957.jpg" data-fancybox="group">
<img class="aligncenter size-full wp-image-6462" src="https://www.segena.com/wp-content/uploads/2018/09/2018090315274957.jpg" alt="css实现文章图片img“消除空白可以点击” 只能点击图片" alt="" width="299" height="512">
</a>
</p>

将父级P标签设置CSS: text-aligncenter;将IMG标签设置:displayinline;

实现了目标,但是不完美。

历史上的今天:

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin
avatar