Question

此列表中的数字在Chrome或Firefox中没有阴影（它们只是白色）。在IE / Edge中，它们有一个阴影。我也试图在Firefox和Chrome中显示阴影。

我尝试将rgba（0,0,0,1）添加到每个文本阴影行的末尾，而不是＃000，但这不起作用（像这样）：

无效

text-shadow:
   3px 3px 0 rgba(0,0,0,1),
 -1px -1px 0 rgba(0,0,0,1),  
  1px -1px 0 rgba(0,0,0,1),
  -1px 1px 0 rgba(0,0,0,1),
   1px 1px 0 rgba(0,0,0,1);

以下是代码的jsfiddle： https://jsfiddle.net/wxLftaLd/

CSS

#main {
color: #fff;
text-shadow:
   3px 3px 0 #000,
 -1px -1px 0 #000,  
  1px -1px 0 #000,
  -1px 1px 0 #000,
   1px 1px 0 #000;
left: -200px;
margin: auto;
margin-top: auto;
position: relative;
top: 150px;
width: auto;
font-size: 1.5em;
}

ol {
    list-style-position: inside;
    padding-left: 0;
}

HTML

<div id="main">
            <h1 class="center">Friends list</h1>
            <ol>
                <li>Erin</li>
                <li>Jacob</li>
                <li>Frankie</li>
                <li>Bob</li>
            </ol>
</div>

Answer 1

尝试以下方法：

class CategoryProduct < ActiveRecord::Base
  self.table_name = "categoriesproduct"
end

CSS shadow在IE / Edge中不适用于Chrome或Firefox

1 个答案: