Question

我在wesite中使用了背景图像css。

.banner-image{
   height: 76%;
   background-image: url("http://cdn.images.com/contents/images/home/bannerimage.PNG");
}

如果我运行www.test.com，此页面背景有bannerimage.i我正在从cdn域请求横幅图片。在那里我上传了图片。

这里我需要处理这个案例，浏览器将图像请求发送到cdn.images.com服务器并获得响应。如果图像不存在于cdn中，我需要通过将请求发送到我们的本地服务器＆＃34; www.test.com＆＃34;来处理它。我已经放置了所有必需图像的副本。

我该怎么做？我们可以使用图像处理程序吗？如果是的话怎么样？

有人可以给我解决方案吗？

Answer 1

HTML：

<div class="header">
    <a href="/">
        <span class="header-title">My gray sea design</span><br />
        <span class="header-title-two">A beautiful design</span>
    </a>
</div>

CSS：

.header {
    border-bottom:1px solid #eaeaea;
}

.header a {
    display: block;
    background-image: url("http://www.xyz.com/images/embouchure.jpg");
    background-repeat: no-repeat;
    height:160px;
    padding-left:280px;
    padding-top:50px;
    width:470px;
    color: #eaeaea;
}

重定向图像请求

1 个答案: