我问,因为我的好友早先发布了一个关于如何在测试HtmlHelper时解决图像路径问题的问题？我们办公室的一些人谈论了如何解决这个问题.
其中一个人建议他不会遇到这个问题(测试崩溃,因为它依赖于IIS中的功能)如果他从CSS引用图像.
他的观点很有道理,但它让我们失望,因为我们一直在用图像来引用图像<img/>.我们一直都做错了吗？我们都不是这方面的专家,所以我认为值得投入社区.什么是参考图像的最佳方式？
使用CSS background-image和内联<img />标记有很多好处.CSS背景图像非常适合装饰元素(内容边框,背景图案等),因为它们可以重复使用background-repeat.然而,它们对于以内容为中心的图像做出了不好的选择,例如产品照片,生物头像等.这里,内联图像效果最好,因为您可以使用ALT属性,无论浏览器如何都会显示图像(一些较旧的移动浏览器不会支持CSS中的背景).