Question

以下CSS给我带来了麻烦。它适用于本地服务器（IE），但不适用于任何其他浏览器。添加后，我的CSS都无法正常工作。

txtBlock {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  background: #2d2f33;
  display: block;
  height: 100%;
  overflow: auto;
  position: fixed;
  right: -20em;
  font-size: 15px;
  top: 0;
  width: 20em;
  z-index: 2000;
  transition: right 0.6s ease-in-out 0s;
  -webkit-transition: right 0.6s ease-in-out 0s;
  -moz-transition: right 0.6s ease-in-out 0s;
  -o-transition: right 0.6s ease-in-out 0s;
  opacity: .92;
   text-shadow:-9px 9px 2px 0px rgba(0, 0, 0, 0.5);
  -webkit-text-shadow: -9px 9px 2px 0px rgba(0, 0, 0, 0.5); 
  -moz-text-shadow: -9px 9px 2px 0px rgba(0, 0, 0, 0.5); 
  -o-text-shadow: -9px 9px 2px 0px rgba(0, 0, 0, 0.5); 
  -ms-text-shadow: -9px 9px 2px 0px rgba(0, 0, 0, 0.5); 

  }

如果我像这样翻转它：

text-shadow:-9px 9px 2px 0px rgba(0, 0, 0, 0.5);
-webkit-text-shadow: -9px 9px 2px 0px rgba(0, 0, 0, 0.5); 
-moz-text-shadow: -9px 9px 2px 0px rgba(0, 0, 0, 0.5); 
-o-text-shadow: -9px 9px 2px 0px rgba(0, 0, 0, 0.5); 
-ms-text-shadow: -9px 9px 2px 0px rgba(0, 0, 0, 0.5);

它不适用于任何浏览器。我假设这是问题，因为它在添加代码之前有效。

我的问题是，令人讨厌的CSS会导致我的所有CSS崩溃吗？我只是想知道某些事情是否可能对某人有所突出。感谢您的回复，非常感谢任何帮助。

Answer 1

我认为你的问题是你的颜色之前的4个像素值 - 应该只有三个：

第一个值= X坐标
第二个值= Y坐标
第三个值=模糊半径
第四个值=阴影的颜色

如果您将css更改为在颜色之前只有3个值，则它应该起作用：

text-shadow:-9px 9px 2px rgba(0, 0, 0, 0.5);
-webkit-text-shadow: -9px 9px 2px rgba(0, 0, 0, 0.5); 
-moz-text-shadow: -9px 9px 2px rgba(0, 0, 0, 0.5); 
-o-text-shadow: -9px 9px 2px rgba(0, 0, 0, 0.5); 
-ms-text-shadow: -9px 9px 2px rgba(0, 0, 0, 0.5);

Example

More info about text-shadow

CSS无法正确加载

1 个答案: