【问题标题】:Box Shadow Cutting Off at page cut off页面切断时方框阴影切断
【发布时间】:2026-01-20 05:05:01
【问题描述】:

我的页面上的 box shadow 属性出现了一些问题。

阴影似乎在页面超出屏幕尺寸的地方被切断,我不知道为什么。

我只是尝试使用纯 css 而不是沉重的 png 来实现照明效果。我使用了嵌入阴影来实现我所拥有的效果,并将其应用到身体上,它看起来很棒,但在较小的屏幕上被截断会扼杀它。

如果有人可以帮我修理或替代,那就太好了。

http://mock.koansystems.co.uk

html {
        width:100%;
        height: 100%;
}

body {
        margin:0;
        padding:0;
        width:100%;
        height:100%;
        background-color: #000006;
        background-image: url(/img/repeat11.png);
        background-repeat: repeat;
        box-shadow  : inset 0px 0px 200px 100px rgba(0,0,0,0.7);
}

【问题讨论】:

    标签: html css styles stylesheet


    【解决方案1】:

    你没有把你的风格放在这里......无论如何,当我使用检查元素将你的身高变为“自动”而不是“100%”时,阴影包含了所有的身体。将身高更改为“自动”并查看结果。

    【讨论】:

    • 试过了,结果更惨,哈哈!
    • 可能会受到其他样式的影响...如果能贴出html&css代码,对解决问题有很大帮助。
    • 在帖子中添加了 CSS