0

URL に移動して、レイヤーをクリック可能にできますか?

これが私のレイヤーで、背景画像があります。ユーザーにクリックしてナビゲートしてもらいたい。

CSS:

#content-2-2 
{
    float: left;
    width: 269px;
    height: 103px;
    margin:0px 20px 0px 0px;
    padding: 0px;
    background: url('../images/Guided-tour-logo-front.png') no-repeat left top;
}

HTML:

<div id="content-2-2"></div>

よろしく、お茶

4

4 に答える 4

1

アンカーを追加できます：

<div id="content-2-2"><a href="url here"></a></div>

#content-2-2 
{
    float: left;
    width: 269px;
    height: 103px;
    margin:0px 20px 0px 0px;
    padding: 0px;
    background: url('../images/Guided-tour-logo-front.png') no-repeat left top;
}

#content-2-2 a
{
    width: 269px;
    height: 103px;
    display:block;
}
于 2012-11-26T12:40:17.957 に答える
0

css経由ではできません...次のようなものを使用してみてください：

<div id="content-2-2" onclick="location.href='http://www.example.com'"></div>

それはjavascriptです:)

于 2012-11-26T12:42:57.380 に答える
0

これを試すことができます：

例えば：

<div id="facebook" onclick="location.href='your_link.html'">

そしてあなたのCSSで：

    #facebook{
     cursor: pointer; 
     /* The rest of your styling to that div */
    }
于 2012-11-26T12:44:53.870 に答える
0

HTML5 アンカーがブロック要素をラップできるようにします。HTML5 を使用している場合、これは機能するはずです。
<a href="link.html"> <div id="content-2-2">my content</div> </a>

于 2012-11-26T12:49:43.943 に答える