后台附件CSS属性赢得';不显示不同的html元素

后台附件CSS属性赢得';不显示不同的html元素,html,css,background,shadow,border-shadow,Html,Css,Background,Shadow,Border Shadow,我正在学习背景附件CSS属性,但由于某些原因,它不会显示在textarea、图像等上 这是我的HTML: <div class="scrollbox"> <ul> <li>Ah! Scroll below!</li> <li> <textarea rows="6" cols="50"></textarea> </li>

我正在学习
背景附件
CSS属性,但由于某些原因,它不会显示在textarea、图像等上

这是我的HTML:

<div class="scrollbox">
    <ul>
        <li>Ah! Scroll below!</li>
        <li>
            <textarea rows="6" cols="50"></textarea>
        </li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
        <li>6</li>
        <li>7</li>
        <li>8</li>
        <li>9</li>
        <li>10</li>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
        <li>6</li>
        <li>7</li>
        <li>8</li>
        <li>9</li>
        <li>10</li>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>The end!</li>
        <li>No shadow there.</li>
    </ul>
</div>

阴影不会出现在div内部的任何对象上方,因为它是背景图像。它看起来只是在文本上方,因为它们是相同的颜色,如果更改文本颜色,您将看到文本也在其上方


如果将div.scrollbox视为文本框,将textarea视为第一个文本框中的较小框。较小的框将阻止您查看在较大框基础上绘制的任何内容。

页面中是否包含CSS(
html.head.meta
tag)?@ColeJohnson,u可以使用错误:。滚动框值错误:背景最远侧不是颜色值)、径向渐变(50%100%、最远侧、rgba(0,0,0,2)、rgba(0,0,0))0 100%@Milschepaten看这是家庭作业吗?你可以在这里学习:
.scrollbox {
    overflow: auto;
    width: 500px;
    max-height: 500px;
    margin: 50px auto;

    background:
        /* Shadow covers */
        linear-gradient(white 30%, rgba(255,255,255,0)),
        linear-gradient(rgba(255,255,255,0), white 70%) 0 100%,

        /* Shadows */
        radial-gradient(50% 0, farthest-side, rgba(0,0,0,.2), rgba(0,0,0,0)),
        radial-gradient(50% 100%,farthest-side, rgba(0,0,0,.2), rgba(0,0,0,0)) 0 100%;
    background:
        /* Shadow covers */
        linear-gradient(white 30%, rgba(255,255,255,0)),
        linear-gradient(rgba(255,255,255,0), white 70%) 0 100%,

        /* Shadows */
        radial-gradient(farthest-side at 50% 0, rgba(0,0,0,.2), rgba(0,0,0,0)),
        radial-gradient(farthest-side at 50% 100%, rgba(0,0,0,.2), rgba(0,0,0,0)) 0 100%;
    background-repeat: no-repeat;
    background-color: white;
    background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;

    /* Opera doesn't support this in the shorthand */
    background-attachment: local, local, scroll, scroll;
}