如何缩放添加的图像:在CSS之前或之后?
例如,我有一个包含书籍封面的页面:
<span class="book"> <img src="http://ecx.images-amazon.com/images/I/41t7xMPK%2B6L.jpg" /> </span>
我想使用CSS使它看起来更像一本书,而不仅仅是一本封面.我可以使用:在添加第二个图像之前执行此操作,但由于所有书籍的大小不同,我需要能够缩放此图像以适合书籍封面.
我试过了
.book:before{ content:url("/images/book.png"); position:absolute; height:100%; width:100%; }
但这在缩放图像时不起作用.
解决方法
你可以扩展它:
transform: scale(0.7);
但它不适用于px或%.