小编Joe*_*oel的帖子

CSS-转换功能在链接上不起作用？

当href的扩展名是.pdf时，我喜欢这样做。.doc; .ppt; .xls，然后它将在其前面添加相应的文件图片。然后，当我将鼠标悬停在链接上时，我尝试将其缩小，但是却什么也没做！我做错了什么还是什么？

码：

ul{
  list-style-type: none;
}
ul a{
  text-decoration:none;
  padding-left: 20px;
  background-repeat: no-repeat;
}
ul a:hover{
  text-decoration:underline;
  color:#666;
  -moz-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}
a[href$=".pdf"]{
  background-image:url(http://i.stack.imgur.com/zJlYq.gif);
}
a[href$=".doc"]{
  background-image:url(http://i.stack.imgur.com/z2lbW.gif);
}
a[href$=".ppt"]{
  background-image:url(http://i.stack.imgur.com/Tk5Vv.gif);
}
a[href$=".xls"]{
  background-image:url(http://i.stack.imgur.com/sOr7E.gif);
}

Run Code Online (Sandbox Code Playgroud)

<ul>
  <li><a href="/one.pdf">pdf</a></li>
  <li><a href="/two.doc">doc</a></li>
  <li><a href="/three.ppt">ppt</a></li>
  <li><a href="/four.xls">xls</a></li>
</ul>

Run Code Online (Sandbox Code Playgroud)

html css css3 css-transforms

Joe*_*oel

2016 01-11

3
推荐指数

1
解决办法

1090
查看次数