div的文字问题

在这节当中，为啥div中的文字不会出现在红色背景当中，而是出现在了黄色的阴影部分当中？

烁罡 2017-04-01

源自：CSS3边框与圆角 1-7 盒阴影

31

收起

2回答

路大锤回答被采纳获得+3积分 2017-04-01 15:25:35

因为黄色阴影覆盖了红色的背景，等同于文字还是在红色中。阴影只是红色div的一种效果，它并不占用红色div的位置。你可以把阴影中的颜色用rgba来表示，设置透明度，应该就可以看出来了。

烁罡提问者 #1

非常感谢！

2017-04-01 15:51:49
阿狸的桃子942 #2

div { width: 500px; height: 300px; margin: 50px auto; background-color: #f00; box-shadow: 30px 20px 0px 0px rgba inset;} 请问是这个样子吗？这样子设置了，div里面的字确实是在之前设置的div红色框架内，但是这样岂不是设置box-shadow没有用了吗

2017-05-20 10:26:14

慕粉3289865 2017-04-01 15:08:28

文字是在div中的，默认的显示是在div的左上角开始显示，文字的显示跟阴影没有什么关系，如果你设置了inset属性，还是会显示在div中，只是颜色可能是你自己设置的颜色

相似问题

关于div的浮动

6-8在div内添加文字，文字完全显示在div下方，且点击上一张报错

div中文字没有自动换行

设置了总体的DIV宽度，为什么里面的文字不会自动换行呆在我设置的范围里，而要跑出来？求解

2-9作业问题

登录后可查看更多问答，登录/注册

HTML5与CSS3实现动态网页 2018

参与学习 1887 人
提交作业 4643 份
解答问题 5760 个

有HTML和CSS基础，却不知道如何进阶？本路径带你通过系统学习，完成从“会做网页”到“做出好的动态网页”的蜕变，迈出成为前端工程师的第一步。

本课精华内容

问答作业

请忽略此问答

26 33

公式书写。。

31 19

3-8编程练习哪有问题

47 17

全局变量与函数内的全局变量

119 15

编程练习4-4的问题

111 15

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载