JS、アクション、オブジェクトなどを使わずにCSSを使って画像をハイパーリンク

Question

誰かがこの問題で私を助けてくれることを願っています。

CSSの背景画像となる画像をハイパーリンクする必要があります。これを行う方法はありますか？

残念ながら、私はjQuery、JS、Ajax、オブジェクトまたは任意の形式のアクションを使用できません。スクリプトは100％ブロックされています。

私はHTMLにアクセスできますが、この特定のイメージでは、CSS内からハイパーリンクする必要があります。

どうすればよいですか？

おかげ

ダニー

Answer 1

あなたはCSSを使用して背景画像を設定することができます。

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

しかし、あなたはまた、例えば（ハイパーリンクさせることが必要な場合は、あなたがクリックできるようにする必要がありますそのためには、技術的には、もはや背景画像ではありません。そのためには、like thisを試してから、-1のようにz-indexを設定してください。

Answer 2

CSSで背景画像となる画像をハイパーリンクする必要があります。これを行う方法はありますか？

いいえ、CSSの要素をリンクできません。

あなたがタグを作成し、それをクラス

HTML与えることができます - はい、あなたがリンクまたは要素をwrapingことでそれを行うことができます

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

Answer 3

-

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

CSSをリンクの背景と一緒に

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


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

またはCSS経由の形でinput type image

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

Answer 4

はそれは不可能です。これは言語が行うことではありません.jsスクリプトをバイパスするための最良の方法は、HTML5の属性に焦点を当てることです。

Answer 5

返信いただきありがとうございます。

上記のようにhrefで空のdivをラップし、htmlを小さくするだけでよいかもしれません。

私が持っている主な問題は、署名を置いて、表示を追加するか、またはHTMLから直接削除することで、easly disabledにしたくないということです。

私の現在の方法私はjQueryを使用して特定のDIVの後に追加しているので、ユーザーはいくつかのコアファイルにアクセスできないので無効にできません。

私はここでいくつかの素晴らしいアイデアを再生しますので、すばやく返信いただきありがとうございます。