Html 我可以淡化网页的边缘吗？

我试图找到一种方法，让网页底部有一个z索引：1；这张PNG图片：所以当人们滚动时，页面上的文本好像正在淡入。我希望这是有道理的。我想使图像的宽度100%的网页尺寸为每个人的屏幕分辨率，当然，这不能用HTML中的div样式完成，这是烦人的。我希望我能用width=100%或div样式做一些事情，但这是做不到的，那么有没有办法做到这一点呢？

这可以用

或

或任何块级元素来完成，是的，可以在现代浏览器中使用CSS来完成。请查看代码段：

*{margin:0；padding:0；}
.包装纸{
-webkit盒阴影：嵌入0px 10px 50px 10px rgba（0,0,0.75）；
-moz盒阴影：嵌入0px 10px 50px 10px rgba（0,0,0.75）；
盒影：嵌入0px 10px 50px 10px rgba（0,0,0,0.75）；
高度：300px；
填充：15px；
}

你好

我怀疑这更接近您想要的：

.container{position:relative}
.内容{
溢出：滚动；
身高：200px；/*我不确定我是否遵守了？但这就是我从中得到的。希望这能有所帮助


p{
颜色：白色；
利润率：20px；
}
h1{
颜色：黑色；
文本阴影：0 0 2px红色；
位置：固定；
利润率最高：-5%；
左边缘：32%；
}
.形象{
位置：相对位置；
宽度：100%；
高度：150像素；
背景图像：url（'http://webcdn.triongames.com/defiance/images/splash/defiance_newshrub_3kpx_w_2.png');
背景大小：100%100%；
利润率最高：10%；
}
.集装箱{
位置：相对位置；
高度：350px；
宽度：100%；
背景色：黑色；
利润上限：-40px；
}
.梯度{
位置：固定；
高度：40px；
背景：线性梯度（rgba（255255,0），rgba（0,0,0,1））；
指针事件：无；
底部：0；
左：0；
右：0
}
你好，世界
Lucas ipsum dolor坐在amet Abysin Jetter jabba katarn arkanian ti klatooinian vos nelvaanian darth.Nadon droch axmis Dropy maximilian jar ki adi mundi.Wharl priapulin oppo rattatak bibble Jetter skakoan.Droid lobot freedon fett dulok tib rishi.Taun xexto carnor katarn shaak Kashyk kushiban shmi.Woostoid Dantooin Kashyik kashyyyk Kasmi.Timolini鲁斯·杰德·索恩蒂尔·雷纳尔·维玛·达博达。菲斯托d8套装达斯内眦赘肉库巴兹·杰雷克·沃尔。布里亚·科德·奥尼米·卡尔德·拉姆·塔图因·塔图因·奥拉。基普·雷博·查德拉·范·哈巴萨·埃姆特里·法琳·麦库尔。
安的列斯群岛的科韦·甘德·乌布·内莫迪亚·达斯·波金斯·戈塔尔·斯基拉塔·加多·维尔、克拉图安人乔尔·博斯·杜罗、达斯·巴洛萨·韦拉·蒂克·圣马拉斯塔尔·冈克、比拉巴·肯达尔·达克·斯皮亚斯·布拉克桑特、卡马斯·佐尔巴·兰多·塞尔登·塞隆·沙达、韦拉·萨布·比布尔·莱亚、伊克托奇·纳什·诺萨·维克特·努伯·努布·麦克斯·麦克斯酷毙了。C-3p0奥德拉尔斯冬季吉奥诺西斯威特·金。穆斯塔法里·阿帕罗·提卜·卢克·艾拉·耶利莫克·西斯·汉·皮尔。天行者保尔·特内尼尔·科尔。阿加兹丹·索洛·费斯托

注意：W3C建议不要设置html元素的样式。对于，
box shadow
不需要供应商前缀。@Rob您有任何关于该声明的参考资料吗？CSS适用于所有html元素。并非所有属性都会影响某些元素，但我从未读到您不应该将样式应用于
..@AndréDi几天前我才读到这篇文章，但这篇文章是关于背景属性的，所以我有点记错了。然而，这是一篇应该研究的文章，看看这句话在多大程度上适用于何处。遗憾的是，没有：（我的目标是Praveen Kumar所做的，但作为一个覆盖，网页边缘有一个阴影，覆盖了所有其他内容。这就是为什么我提到“z-index:1事情是这样的，因为我总是在HTML中重叠，但不确定我在这里做什么。我会编辑我的答案，这种技术适用于任何你喜欢的样式。仍然没有骰子。我实际上没有看到你的代码有任何渐变。我想你在我更新之前检查过…？你仍然没有看到吗？事实上，你知道吗，我没有看到我看到的任何东西n除了一个带有文本的滚动框之外，这个片段真的很好！但这根本不是我想要的，哈哈。很好，我决定放弃这个主题，因为我想要的似乎无法实现。我可以通过找到页面的尺寸，然后用一个带有div样式绝对位置的阴影的PNG图像进行覆盖来轻松实现，但那会很简单只适用于我的屏幕分辨率，不适用于其他分辨率。不过很好，谢谢你的帮助！