html - Cordova/iOS - 链接样式不起作用 - 我必须如何更改我的代码

Question

我有一个问题。我希望我的链接图像在 iOS 中单击时获得样式。我有这样的链接 ->

<li>
    <a href="#news" data-transition="slide">
       <img src="img/start/btnnews.png" width="320px" height="40px" class="link"/>
    </a>
</li>

然后是我的风格 ->

a:link{
-webkit-tap-highlight-color:  #000000;
-webkit-tap-highlight-color: transparent;
}

a:visited{
-webkit-tap-highlight-color:  #000000;
-webkit-tap-highlight-color: transparent;
}

a:hover{
-webkit-tap-highlight-color: #000000;
-webkit-tap-highlight-color: transparent;
}

a:focus{
-webkit-tap-highlight-color:  #000000;
-webkit-tap-highlight-color: transparent;
}

a:active{
-webkit-tap-highlight-color:  #000000;
-webkit-tap-highlight-color: transparent;
}

我将它们全部添加了，因为我想测试这是否有效。对我来说:不是，但我不知道为什么。我的图像不会改变任何东西。

(相关时，我的导航向左浮动)

所以我阅读了很多关于 ios 上的链接样式的内容，但是...是否没有简单的方法可以在单击其中一个图像时用浅灰色覆盖我的图像？

刚刚发现->

.link:active{
-webkit-transform: scale3d(0.9, 0.9, 0.9);

与我的图像一起工作。但是着色不起作用。

所以...时间不多了...我尝试为我的链接添加不透明度(这个可行)->

 <script language="javascript">
function hide_selection(){
    var lnks = document.getElementsByTagName("A");
    for(i=0; i<lnks.length; i++){
        if (lnks[i].className == "selected_link"){
            lnks[i].className = "";
            break;
        }
    }
}

function selectLink(ob){
    hide_selection();
    ob.className = "selected_link";
}
</script>

和我的链接 ->

  <li>
      <a href="#news" data-transition="slide" onclick="selectLink(this);">
         <img src="img/start/btnnews.png" width="320px" height="40px" class="link" />
      </a>
  </li>

和我的 CSS ->

.selected_link {
background: repeat-y scroll 15px 6px #00FF00;
position: relative;
clear: both;
float: left;
opacity: 0.7;

这工作正常 -> 但是 <- img 也变得不透明......我该如何解决这个问题？我试图给 .link 不透明度 1.0(!重要)，但这并不能解决问题。在我的浏览器中它工作正常，但在 iOS 上不行

Answer 1

我在 JS 工作:

<script type="text/javascript">
    function hide_selection(){
        var lnks = document.getElementsByTagName("A");
        for(i=0; i<lnks.length; i++){
            if (lnks[i].className == "selected_link"){
                lnks[i].className = "";
                break;
            }
        }
    }
    function selectLink(ob){
        hide_selection();
        ob.className = "selected_link";
    }
</script>

然后是链接 ->

<a href="#dienstleistungen" data-transition="slide" onclick="selectLink(this);">