Question

我在旧浏览器上遇到过问题。例如Safari for Windows。

我在div中添加了背景：

例如：

sum = browser.div(:class => 'single sort', :index => 0).div(:class, 'amount').text
sum.gsub!(/[^0-9]/, '')
sum = sum.to_i

网址不是https，仅举例来说！

较旧的浏览器无法加载此图片。我如何解决此问题以显示默认图像。

Answer 1

您无需提及http或https。

就像下面这样，它会自动获取网址。

background-image: url('//www.desktopbackgroundsi.net/wp-content/uploads/Picture_6.jpg');

Answer 2

您可以检查浏览器版本并动态地向您的元素添加一个类。

例如，要在不支持CSS3渐变时显示不同的背景，您的代码应如下所示：

.somediv {
   background: -webkit-gradient(linear, 0% 0%, 0% 100%,
     from(#660C0C), to(#616665), color-stop(.6,#0D0933)); }

.no-cssgradients .somediv {
   background: url('/images/gradient.jpg'); }

如果您想要发现哪个是用户浏览器的版本，可以使用此function here。

Answer 3

旧版浏览器可能会遇到此问题，因为它们不会加载不安全的内容。您在示例中提供的服务器证书无效，因此浏览器可能无法加载它（取决于其安全设置）。

也许尝试使用合法安全连接托管的示例图像： https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png

如何确定浏览器是否支持https资源

3 个答案: