僅在手機上應用的CSS，沒有任何東西可以告訴它這樣做

我試圖讓出現在這些鏈接下面的精靈根據URL所說的內容進行更改，因此當您單擊「主頁」鏈接時，並被引導到index.php，菜單欄中的按鈕現在有一個單獨的精靈。僅在手機上應用的CSS，沒有任何東西可以告訴它這樣做

有趣的是，每當我在移動設備上訪問我的網站時，它都會非常漂亮，但是當我在計算機上查看它時，它不想工作。

這裏是我的代碼摘要：

<div id="nav"> 
    <span> 
     <br><br> 
     <?php 
     $host = $_SERVER['SERVER_NAME'] . $_SERVER['REQUEST_URI']; 
     if (strpos($host, 'index.php') !== false) { 
      echo "<span><a href='index.php'>Home</a></span>"; 
     } else { 
      echo "<a href='index.php'>Home</a>"; 
     } 
     ?> 
    </span> 
</div>

有了相應的CSS：

span span a { 
    display: block; 
    background: url(../images/button_sprite_selected.png) no-repeat; 
    height: 80px; 
    width: 164px; 
} 

span a { 
    display: block; 
    background: url(../images/button_sprite.png) no-repeat; 
    height: 80px; 
    width: 164px; 
}

這也是我在這裏的第一篇文章，並是相當新的用PHP編碼！讓我知道是否有任何其他信息，我必須包括或如果我的網站的URL將有所幫助。

謝謝！

來源

2014-12-23 Guitrum

這可能是值得使用repsonsive框架考慮。像http://getbootstrap.com/或http://foundation.zurb.com/docs/ – SuperDJ

請注意比「當我在計算機上查看它時不想工作」更明確。這沒有幫助。它怎麼不起作用？你看到什麼錯誤信息？ – Joe

你能分享到網站的鏈接嗎？這將更容易檢查。 – nitigyan

我懷疑這個問題是因爲CSS中的第二個'span a'導致選擇器規則不能正確設置。我會考慮使用一個類而不是依賴跨度。

設定一個「主動」類你想改變這個鏈接是一個解決問題的好辦法：

<div id="nav"> 
    <span> 
    <br><br> 
    <?php 
    $host = $_SERVER['SERVER_NAME'] . $_SERVER['REQUEST_URI']; 
    if (strpos($host, 'index.php') !== false) { 
     echo "<span><a class='active' href='index.php'>Home</a></span>"; 
    } else { 
     echo "<a href='index.php'>Home</a>"; 
    } 
    ?> 
</span> 
</div> 

span span a.active { 
    display: block; 
    background: url(../images/button_sprite_selected.png) no-repeat; 
    height: 80px; 
    width: 164px; 
} 

span a { 
    display: block; 
    background: url(../images/button_sprite.png) no-repeat; 
    height: 80px; 
    width: 164px; 
}

來源

2014-12-23 10:24:52 Amo

僅在手機上應用的CSS，沒有任何東西可以告訴它這樣做

回答

相關問題