레이어를 클릭 할 수있게 할 수 있습니까? URL로 이동 하시겠습니까?

Question

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> 

감사합니다, 당신은 앵커를 추가 할 수

Answer 1

차 : 당신은 CSS를 통해 할 수 없습니다

<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; 
} 

Answer 2

. .. 뭔가를 사용하여 시도하십시오. g 같은 : 예를 들어

:

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

다음 CSS에서 :

#facebook{ 
    cursor: pointer; 
    /* The rest of your styling to that div */ 
    } 

Answer 3

당신이 시도 할 수 있어요 HTML5 앵커가 블록을 감싸는 것을 허용합니다. k 요소. HTML5를 사용하는 경우 작동합니다.
<a href="link.html"> <div id="content-2-2">my content</div> </a>

Answer 4

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

는 자바 스크립트 :