即使使用Webkit,Box shadow在Chrome中也不起作用

时间:2017-10-25 17:06:41

标签: css

Box shadow适用于Firefox,但不适用于Chrome。有谁知道如何解决这个问题。

我尝试添加网络工具包行,如下面的代码所示,但没有效果。

#cv_photo
{

    border: 3px solid black;
    box-shadow: 6px 6px 4px rgb(60 60 60);
    box-shadow: 6px 6px 4px rgb(60 60 60);  
} 

我已经包含了以下完整代码,以防问题来自代码中的其他地方:

  #anchor_me
 {
    text-align: center;
 }


 #cv_photo {
    position: absolute;
    right: 40px;
    top: 60px;
    display: flex;   
    z-index: -1;     

}

body
{
    background-image: url("IMG_89120.jpg");
    background-position: center

}

body
{
    color: rgb(0,0,0);
}

#anchor_me
{
    color: rgb(102,51,0);
}


#cv_photo

 {

    border: 3px solid black;
        box-shadow: 6px 6px 4px rgb(60 60 60);
    box-shadow: 6px 6px 4px rgb(60 60 60);  
} 

我们非常感谢您解决问题的任何帮助。

1 个答案:

答案 0 :(得分:0)

您需要使用冒号分隔RGB值 试试这个:

#cv_photo{
    border: 3px solid black;
    box-shadow: 6px 6px 4px rgb(60, 60, 60);
    box-shadow: 6px 6px 4px rgb(60, 60, 60);  
}