Question

这在chrome上可以正常使用，但是即使添加了浏览器前缀，盒子阴影也不会进入Mozilla

// www->Quit ();
HWND hWnd;
hr = www->get_HWND ((SHANDLE_PTR *) &hWnd);
if (hr == S_OK)
{
    DWORD processID;
    if (GetWindowThreadProcessId (hWnd, &processID))
    {
        HANDLE hProcess = OpenProcess (PROCESS_TERMINATE, FALSE, processID);
        if (hProcess)
        {
            TerminateProcess (hProcess, (DWORD) -1);
            CloseHandle (hProcess);
        }
     }
}

h1 {
    color: #fff;
    font-size: 50px;
    background: #101010;
    -webkit-box-shadow: 15px 0 #0e0303, -15px 0 #1b0f0f;
    -ms-box-shadow: 15px 0 #0e0303, -15px 0 #1b0f0f;
    -moz-box-shadow: 15px 0 #0e0303, -15px 0 #1b0f0f;
    box-shadow: 15px 0 #0e0303, -15px 0 #1b0f0f;
    padding: 0;
    line-height: 1.4!important;
    display: inline!important;
    text-align: justify;
    letter-spacing: 4px;
}

Answer 1

尝试使用box-decoration-break和padding CSS属性。只需一个句子就可以达到这种效果。

h1 {
  color: #fff;
  font-size: 50px;
  background: #101010;
  line-height: 1.4 !important;
  display: inline !important;
  text-align: justify;
  letter-spacing: 4px;
  padding: 0 15px 0 10px;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

<h1>THE <br> SILK <br> ROAD</h1>

Answer 2

尝试-

-moz-box-shadow: 0 0 20px rgba(0,0,0,0.4); 
-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.4); 
box-shadow: 0 0 20px rgba(0,0,0,0.4);

而不是-

-webkit-box-shadow: 15px 0 #0e0303, -15px 0 pink;
-moz-box-shadow: 15px 0 #0e0303, -15px 0 pink;
box-shadow: 15px 0 #0e0303, -15px 0 pink;

Answer 3

您到处都使用黑色，因此看不到盒子阴影的效果。试试这个代码，它将在mozilla和chrome浏览器中运行。

h1 {
color: #fff;
font-size: 50px;
background: red;
-webkit-box-shadow: 15px 0 #0e0303, -15px 0 pink;
-ms-box-shadow: 15px 0 #0e0303, -15px 0 pink;
-moz-box-shadow: 15px 0 #0e0303, -15px 0 pink;
box-shadow: 15px 0 #0e0303, -15px 0 pink;
padding: 0;
line-height: 1.4!important;
display: inline!important;
text-align: justify;
letter-spacing: 4px;
}

<h1>THE <br> SILK <br> ROAD</h1>

Answer 4

您无需使用方框阴影即可在文本上仅具有背景色。相反，您可以尝试以下方法：

'a

.background-on-text{
  background-color: #1b0f0f;
  color: #fff;
  line-height: 1.4;
  padding: 0 15px;
  letter-spacing: 4px;
  font-size: 50px;
}

希望对您有帮助。

框阴影在Mozilla中不起作用

4 个答案: