后台附件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;
}