为什么通过类设定了box-shadow在浏览器谷歌浏览器里面没有显示出效果

来源:1-5 主阴影(内阴影外阴影)

进步中的编程猿

2017-01-04 00:08

CSS代码如下:

body{font-family: Arial;

      font-size: 20px;}


      body,ul{margin: 0;

               padding: 0;

                list-style: none;}


.wrap{width: 70%;

      height: 200px;

      margin: 50px auto;

       background: #fff;}  


 h1{font-size: 20px;

          text-align:center;

          line-height: 200px;}


.effect{box-shadow:0px 1px 10px rgba(0,0,0,0.3);

        -webkit-box-shadow:0px 1px 10px rgba(0,0,0,0.3);

        -moz-box-shadow:0px 1px 10px rgba(0,0,0,0.3);

        -o-box-shadow:0px 1px 10px rgba(0,0,0,0.3);}

http://img.mukewang.com/586bcc710001c40e12770523.jpg

写回答 关注

2回答

  • 慕斯8234454
    2020-05-18 15:29:33

    http://img2.mukewang.com/5ec239150001467a06860185.jpg
    确认 HTML 结构如上

  • Mr春娇与志明
    2017-01-05 16:58:40

    我试了你的代码,没有问题,说明问题出在你的结构里

CSS3实现“图片阴影”效果

利用多投影重叠的原理,实现曲线阴影与翘边阴影的效果

34769 学习 · 62 问题

查看课程

相似问题