Html CSS形状在图像外部'；s url不'；行不通

我试图创造一个外部的形状，到目前为止我失败了，如何处理这种情况？ 我制作了这样的图像：

• PNG扩展中的透明背景
• 在左边浮动

根据我的阅读资料，这些论文似乎是这次行动的唯一要求

我已经在谷歌硬盘上储存了这张图片，我想知道谷歌硬盘在归还给我时是否会使图片不透明

.page{
显示器：flex；
}
.img{
浮动：左；
高度：550px；
利润率：50像素0.50像素；
外部形状：url(https://docs.google.com/uc?id=1GIboZJR9L7lXyvvwBrxGDrR9N9SjntE4);
}

1782年11月的一个晚上，故事是这样展开的：在法国小镇安诺奈，兄弟俩坐在他们冬天的炉火旁，看着灰色的烟圈从壁炉里袅袅升起，弥漫在宽阔的烟囱里。他们的名字是斯蒂芬和约瑟夫·蒙哥尔菲耶，他们是造纸工，以拥有深思熟虑的头脑和对所有科学知识和新发现的浓厚兴趣而闻名。在那晚之前——这是一个值得纪念的夜晚，因为它证明了数亿人观看了他们的火焰升起的烟雾圈，而没有从这一事实中获得任何特别的灵感

检查您的错误控制台：

在 ”“从 原产地“null”已被CORS策略阻止：否 “Access Control Allow Origin”标头出现在请求的服务器上 资源

---

无法从该资源加载图像。另外请注意，

shapeoutside

是。

谢谢你的回答，我在firefox最近的67.0.1中尝试了本地版，但仍然失败，所以我认为问题出在其他地方，问题出在google drive上。根据来自Chrome的错误消息，您不能从那里提供图像。有关Microsoft浏览器的警告已生效。请检查您的错误控制台！乔恩P是绝对正确的。嗯，您可能希望从一个本地目录加载图像，这样可以避免这个错误：shapeoutside:url（'img/circle.png'）；我已经检查了我的控制台，为什么我认为问题出在谷歌硬盘上。有效地，它在本地工作：）。