Css 自动关联图标到<；a>；根据文件类型不工作

在我的.css样式表中，我试图将图标图像（.gif）与标记的before伪属性[e.e.，a:before]相关联，这样每当通过其href引用特定文件类型时，它都会在链接文本之前显示相关图标。我的代码如下：

a[href$=".pdf"]:before  {  
content:"";  
display:inline-block;  
width:16px;  
height:16px;  
color:#FFF;  
font-size:1em;  
font-weight:bold;  
background-color:transparent;  
background-repeat:no-repeat;  
background-attachment:fixed;  
background-position:center;  
}  
a[href$=".pdf"]:before {
background-image:url(../pics/pdf_icon.gif);
} 

.css文件路径：/css/mystyle.css
图像路径：/pics/pdf\u icon.gif

此代码块位于css文件的末尾，位于其他锚标识符（例如：a:hover、a:link等）之后

问题是，背景图像没有显示

---

有人帮忙吗

尝试将您的URL加引号：

background-image:url("../pics/pdf_icon.gif");

---

小提示-如果要指定多个图像，请用逗号分隔URL。

删除声明

背景附件：修复。并确保文档以“标准模式”呈现。
我尝试删除：

背景附件：固定

它成功了。
我想带“before”的“fixed”不知道在哪里修复它。
使用CSS3将pdf或其他图标带到每个链接的简单方法：

1。使用FontAwesome的图标：

a[href$=".pdf"]:before
{
  content:"\f1c1  ";
  font-family: fontawesome;
}

a[href$=".pdf"]
{
  background:url("your-image-url.png") no-repeat left;
  padding-left:25px;
}

2。通过背景图像使用图标：

a[href$=".pdf"]:before
{
  content:"\f1c1  ";
  font-family: fontawesome;
}

a[href$=".pdf"]
{
  background:url("your-image-url.png") no-repeat left;
  padding-left:25px;
}

使用图标
我已经尝试过使用引号提及图像路径。但这不起作用…您确定您有一个以.pdf结尾的href属性的标记吗