Html 使用梯度在div上填充背景图像

下面是我的提琴，我试图将背景图像（位置居中）放置到一个div，其宽度设置为100%，我希望如果图像的背景宽度为20px，用户屏幕为100px，则图像不会向宽度方向拉伸，模糊的渐变部分填充图像左右部分的区域。请让我知道我该怎么做

---

据我所知，这是您要求的，请将其添加到

background

类中

box-shadow: inset 0 10px 10px 10px rgba(255,255,255,1);

使用上面的线使其模糊边界，这实际上是一个简单的技巧。它不是透明的，它是一个白色模糊的边框，请为所有浏览器优化它

.imageclass{
位置：绝对位置；
最高：50%；
左：50%；
}
#背景{
背景色：#2F2727；
背景图片：url(http://farm5.staticflickr.com/4004/4335972718_a491a3076d.jpgimages/radial_bg.png);
背景位置：中心；
背景重复：无重复；
宽度：100%；
高度：250px；
背景：-webkit渐变（径向，中心，0，中心，460，从（#1a82f7）到（#2F2727））；
背景：-webkit径向梯度（圆形，#1a82f7，#2F2727）；
背景：-莫兹径向梯度（圆形，#1a82f7，#2F2727）；
背景：-ms径向梯度（圆形，#1a82f7，#2F2727）；
长方体阴影：插入0 10px 10px 10px rgba（255255255,1）；//这里您要求的是模糊边缘
}

您的图像就像broken@Kirk使用任何你喜欢的xyz图像，我只是想知道如何在图像周围填充。据我所知。无论宽度如何，你都希望图像位于中心？请告诉我如何创建边缘模糊的渐变？实际上我想我没有很好地解释我的问题，我一直想说的是，当我用作背景的图像的宽度按照用户屏幕的100%屏幕大小结束时，模糊的结尾就会出现在剩余的div背景上，就像你使用

背景图像的方式：url（IMAGEURL），-ms径向渐变（中心，椭圆覆盖，rgba（237237237,1）0%，rgba（237237237,1）0%，rgba（102102,1）100%
box-shadow: inset 0 10px 10px 10px rgba(255,255,255,1);