Css S3桶引用自身的CORS策略

Css S3桶引用自身的CORS策略,css,amazon-web-services,amazon-s3,Css,Amazon Web Services,Amazon S3,在我的css文件中,我有相对路径: .css-emoticon.smile{ background: url('../../images/sprites.png'); background-position: -16px -18px ; } 但是,当从S3将sprite.png文件拉到我的站点上加载时,我得到了一个禁止的403错误。css文件从S3很好地加载到我的站点上 我的S3位于子域上:从S3加载文件的站点是 这是我的CORS文件: <?xml versi

在我的css文件中,我有相对路径:

.css-emoticon.smile{
      background: url('../../images/sprites.png');
      background-position: -16px -18px ; 
 }
但是,当从S3将sprite.png文件拉到我的站点上加载时,我得到了一个禁止的403错误。css文件从S3很好地加载到我的站点上

我的S3位于子域上:从S3加载文件的站点是

这是我的CORS文件:

<?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
    <CORSRule>
        <AllowedOrigin>*</AllowedOrigin>
        <AllowedMethod>GET</AllowedMethod>
        <MaxAgeSeconds>3000</MaxAgeSeconds>
        <AllowedHeader>Content-*</AllowedHeader>
        <AllowedHeader>Host</AllowedHeader>
    </CORSRule>
</CORSConfiguration>

*
得到
3000
内容-*
主人
关于如何设置CORS策略以允许在CSS中使用相对URL,有什么想法吗


非常感谢

看起来我没有设置bucket策略以允许访问.././images/文件夹

新的桶策略(CORS看起来是正确的)

{
    "Version": "2008-10-17",
    "Statement": [
        {
            "Sid": "AllowPublicRead",
            "Effect": "Allow",
            "Principal": {
                "AWS": "*"
            },
            "Action": "s3:GetObject",
            "Resource": [
                "arn:aws:s3:::media.example.com/prod",
                "arn:aws:s3:::media.example.com/images"
            ]
        }
    ]
}