如何在可能使用HTTPS的样式表中引用CDN图像?

如何在可能使用HTTPS的样式表中引用CDN图像?,https,stylesheet,cdn,Https,Stylesheet,Cdn,我有我所有的网站图片设置,从亚马逊的Cloudfront CDN服务。如果我的页面有时同时用作HTTP和HTTPS,那么我是否应该将所有图像路径设置为HTTPS到CDN 这是一种糟糕的做法吗 还有其他想法吗?让CDN的所有映像路径都通过HTTPS传输肯定是个坏主意。每个HTTPS请求都有很大的开销,所以您可能不想这样做 然而,有一个简单的解决方案可以在没有协议的情况下指定绝对的跨域URL。只需在css中使用以下内容 url: (//d604721fxaaqy9.cloudfront.net/im

我有我所有的网站图片设置,从亚马逊的Cloudfront CDN服务。如果我的页面有时同时用作HTTP和HTTPS,那么我是否应该将所有图像路径设置为HTTPS到CDN

这是一种糟糕的做法吗


还有其他想法吗?

让CDN的所有映像路径都通过HTTPS传输肯定是个坏主意。每个HTTPS请求都有很大的开销,所以您可能不想这样做

然而,有一个简单的解决方案可以在没有协议的情况下指定绝对的跨域URL。只需在css中使用以下内容

url: (//d604721fxaaqy9.cloudfront.net/image.jpg) ...
<link href="/styles.css" ...
并确保样式表是通过相同的协议提供的,或者使用相同的技巧,或者最好指定一个没有协议的路径,例如

url: (//d604721fxaaqy9.cloudfront.net/image.jpg) ...
<link href="/styles.css" ...

这是CSS的一个特性还是一个黑客?不管怎样,这都是一个很好的解决方案,我会尝试一下。我猜这是一个特性。也许是因为你现在的处境!这不是黑客。它被称为“协议相关”或“方案相关”URL。