클릭 가능한 링크를 영역으로 만들려면 어떻게해야합니까?

-2

메인 홈페이지에 슬라이드 쇼가 있으며, 하단에 텍스트가 표시됩니다.클릭 가능한 링크를 영역으로 만들려면 어떻게해야합니까?

색상을 빨간색으로 변경하고 클릭하면 해당 링크로 리디렉션되도록 텍스트를 표시하고 싶습니다. 다음과 같이

내 코드는 다음과 같습니다

<div data-u="loading" style="position: absolute; top: 0px; left: 0px;"> 
    <div style="filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%;"></div> 
    <div style="position:absolute;display:block;background:url('img/loading.gif') no-repeat center center;top:0px;left:0px;width:100%;height:100%;"></div> 
</div> 
<div data-u="slides" style="cursor: default; position: relative; top: 0px; left: 0px; width: 1300px; height: 450px; overflow: hidden;"> 
    <div data-p="218.75"> 
     <img data-u="image" src="images/slides/slide1.jpg" /> 
     <div style="position:absolute;top:370px;left:379px;width:500px;height:70px;z-index:0;font-family:Comic Sans MS;font-size:72px;color:#000000;line-height:70px;text-align:center;">Rationale</div> 
    </div>

어떤 도움이 크게 감사합니다!

출처

2017-01-05 Kid I3uu

'text'분명히 그럴 수는 없습니다 ... –

@ AdamD.Ruppe의 답변은 질문이 내가 생각하는 것 인 경우 작동해야합니다. 그런 다음 마우스를 올려 놓았을 때 링크가 빨간색이되게하려면 [': hover' selector] (http://www.w3schools.com/cssref/sel_hover.asp)를 사용할 수 있습니다. CSS/Web Dev 자습서를보고 CSS를 별도의 파일로 옮길 수도 있습니다. 이것은 모든 것을 더 읽기 쉽게 만들어 사람들이 더 행복해질 것입니다. – danielunderwood

아담의 대답으로 충분할 것입니다. 또한, 이것을 묻는 ... 나는 당신이 HTML 초보자라고 가정하고있다, 맞습니까? 그렇지 않으면, 이것은 거의 트롤 질문이나 뭔가로 간주됩니다. 미안해하면 무례한 소리. – ITWitch

기본적으로 <a> 태그의 HTML 요소를 래핑 할 수 있습니다. 그런 다음 클릭 할 수있게되고 그에 따라 스타일을 지정할 수 있습니다.

다른 방법으로는 요소가 링크처럼 보이게하기 위해 다음과 같은 CSS를 사용할 수 있습니다 : 당신은 다음 자바 스크립트와 on click을 처리 할 수

#myElement:hover { 
    cursor:pointer; 
}

. 도움이 되었길 바래요!

출처

2017-01-05 01:56:38

클릭 가능한 링크를 영역으로 만들려면 어떻게해야합니까?

답변

관련 문제