用a标签包住一个img，css的样式不生效，但是去掉a标签css的样式就生效了，求解答

用a标签包住一个img，css的样式不生效，但是去掉a标签css的样式就生效了，求解答

因为a标签是行内元素，不会自动占满一行，所以a现在的大小就是图片大小，而图片设置宽高100%是相对于父元素来设置的，a和图片一样大，设置了自然看不到效果， 解决办法是给a标签也加上display：block;height:100%;

那改成  .swiper-slider>a img 这个试试

• 这篇博客也许可以解决你的问题👉 ：a标签加上css样式就能当按钮使用了

a>img 试一下