无法从苹果网站下载图片？ [关闭]答案

【问题标题】：Cannot download images from apple website? [closed]无法从苹果网站下载图片？ [关闭]
【发布时间】：2015-05-09 04:59:02
【问题描述】：

通常可以通过右键单击并选择将图像另存为..从任何网站下载图像，但在苹果网站https://www.apple.com/iphone/compare/中是不可能的，他们也使用<figure>标签- 例如-

<div id="gallery-iphone-6-gold" class="gallery-content">
    <figure class="iphone-6-gold-image"></figure>
    <p>Gold</p>
</div>

【问题讨论】：

这是一张背景图片。您可以进入 Chrome 浏览器控制台中的“网络”选项卡。

标签： html ios iphone image

【解决方案1】：

如果图像 URL 未明确写入 HTML，请检查页面的 CSS。除非网站使用<img> 标签，否则图片 URL 将写入包含图片的元素的background 属性中。

在这种情况下：

.page-compare .section-hero .hero-image {
  background-image: url("https://www.apple.com/v/iphone/compare/c/images/hero_large_2x.png");
}

【讨论】：

【解决方案2】：

他们使用 css 将图像设置为具有 .iphone-6-gold-image 类的元素的背景图像

见下文：

.page-compare .section-color-finish .iphone-6-gold-image {
  background-image: url("https://www.apple.com/v/iphone/compare/c/images/6_gold_large.jpg")
}

【讨论】：