图像模糊

时间:2019-07-19 16:53:40

标签: html css fix-protocol

有人可以帮我在这里修复图片吗? :底部的http://www.howtoplaystation.com/2019/07/blog-post.html(在“您也可能喜欢”标签中)?它们都被模糊和调整大小。我只能添加CSS,不能更改它们。谢谢

.related-posts .related-thumb img {width: 100%;height: 100%;display: block }.related-posts .related-thumb:after {content: '';display: block;position: absolute;width: 100%;height: 100%;z-index: 10;top: 0;left: 0;background: rgba(0, 0, 0, 0);transition: background .3s }.related-posts .related-thumb:hover:after {background: rgba(30, 30, 30, 0.1) }.related-posts .ty-entry {padding: 8px 10px 0 0;width: 100%;line-height: 1.2em;box-sizing: border-box;z-index: 2 }

1 个答案:

答案 0 :(得分:0)

您的图像太小。将它们的大小设置为100%时,它们会放大以适合整个框。您也不想将图像的大小设置为72x72,因为您希望每个图像都充满包含它的整个框。 因此,您应该获得更大尺寸的图像,然后可以将其尺寸设置为100%。

相关问题