我似乎无法找到关于“显示:无”效果的可靠答案;和内容加载。
我一直认为某些浏览器不会在具有“显示:无”样式的内容中加载外部资源,这仍然会跨平台变化吗?
此外,这是否因移动平台而异?
通常,我混合使用不透明度、过滤器 (IE)、高度/宽度和绝对定位来确保我的内容将被加载但不可见。这还有必要吗?
也许 Tim Kadlec 的这个网站(归功于 Cloud Four 团队)可以进一步帮助您:http: //timkadlec.com/2012/04/media-query-asset-downloading-results/
问候,冈瑟
在大多数现代浏览器中,只需使用 display:none 就足够了。在极少数情况下,您可能需要进行更多研究,但在大多数情况下,您应该会看到完整的功能。在相当长的一段时间内,我不必使用 abs 定位技巧(将内容移出可视区域),因为 display:none 似乎可以解决问题。
就跨平台而言,浏览器在一致地呈现 CSS 方面做得越来越好。根据我的经验, display:none 似乎在大多数现代浏览器中都能完美运行。较旧的浏览器仍可能有问题需要解决。
我在移动方面没有太多经验,所以我不会提供任何意见或猜测。
使用过滤器、h/w、abs pos 不再是必要的邪恶,因为“display:none”将允许您仅将容器隐藏在它自然定位的位置,而不是在此处移动/隐藏,然后在加载时重新定位。