Question

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);  
}

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

Answer 1

您需要使用冒号分隔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);  
}

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

1 个答案: