目前,svg-images在首次使用时被加载到浏览器缓存中,这会导致短暂的闪烁.有没有办法告诉浏览器他应该在显示之前将这些内联svgs加载到浏览器缓存中?
例如,当显示对话框时,我有一个模糊的svg图像来创建模糊的背景:
.blur { -webkit-filter: blur(2px); -ms-filter: blur(2x); filter: blur(2px); filter: progID:DXImagetransform.Microsoft.Blur(PixelRadius='2'); filter: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" height="0" wIDth="0"><defs><filter ID="blur"><feGaussianBlur stdDeviation="2"></feGaussianBlur></filter></defs></svg>#blur');}
有更多更深入的css选择器,例如:
#myApp > .module1 > .module2 > .dialog > .Titlebar > .icon { ... }
目标是保持tcp连接数低,这就是嵌入它们的原因.这有什么解决方案吗?
我在我的页面上使用jquery,因此jquery驱动的解决方案是一个有效的选项.
解决方法 我喜欢这种方式,如何通过CSS预加载图像body:after { content: url('../img1.png') url('../img2.svg') url('../img3.png'); display: none;}总结
以上是内存溢出为你收集整理的html – 预加载所有使用的内联svg图像?全部内容,希望文章能够帮你解决html – 预加载所有使用的内联svg图像?所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)