超鏈接圖像通過CSS沒有JS，行動，對象等

希望有人cal幫我解決這個問題我有。超鏈接圖像通過CSS沒有JS，行動，對象等

我需要超鏈接一個圖像，將作爲CSS中的背景圖像。有沒有辦法做到這一點？

不幸的是我不能使用jQuery，JS，Ajax，Object或任何形式的操作。腳本被100％阻止。

我有權訪問HTML，但對於此特定圖片，我需要它來自CSS內部並進行超鏈接。

有沒有辦法做到這一點？

感謝

丹尼

來源

2016-06-14 CircleOfLinks

您可以設置背景圖片使用CSS：

body { 
    background-image: url("paper.gif"); 
    background-color: #cccccc; 
}

但是，如果你需要它也可以超鏈接（例如，你需要能夠點擊在技術上，它不再是一個背景圖像，因此，你可以嘗試一些東西like this，然後將z-index設置爲-1。

來源

2016-06-14 04:24:48

我需要超鏈接的圖像將作爲背景圖像在 CSS。有沒有辦法做到這一點？

不，你不能鏈接CSS中的元素。

您可以創建一個標籤，並給它一個類

HTML -

<a href="/link" class="background-image"></a>

CSS -

.background-image { 
    display: inline-block; 
    width: 50px; 
    height: 50px; 
    background: url('location/of/your/img.jpg'); 
}

來源

2016-06-14 04:26:33 Mark

是的，你可以做一個鏈接或通過包木窗一個元素與背景中的鏈接

<a href="link.html"></a> 


a { 
    display: inline-block; 
    width: 100vw;//change 
    height: 100vh;//change 
    background-image: url("paper.gif"); 
    background-color: #cccccc; 
}

或窗體

<input type="image" src="/files/2917/fxlogo.png" >

來源

2016-06-14 04:27:12 madalinivascu

-1

通過CSS這是不可能完成的input type image。這不是該語言所要做的。你最好的選擇是繞過js腳本來關注HTML5屬性。

來源

2016-06-14 04:27:57

謝謝你們的回覆。

我可能會嘗試用上面提到的href包裝一個空div，並縮小html。

我遇到的主要問題是我想放置一個簽名，並且不希望它通過添加display：none或直接從html中刪除來簡單禁用。

我目前的方法我使用jQuery並在特定的DIV後添加它，所以用戶不能禁用，因爲他們沒有訪問一些核心文件。

我會玩，一些偉大的想法，所以再次感謝您的快速回復:)

來源

2016-06-14 08:36:57 CircleOfLinks

超鏈接圖像通過CSS沒有JS，行動，對象等

回答

相關問題