html의 버튼을 통한 롤오버 이미지

현재 온라인에 곧 출시 될 앱의 방문 페이지를 만들고 있습니다. - 그러나 iOS 버전을 개발 한 후에는 지금까지 iOS 버전 만 개발했으며 Android 개발을 시작합니다. 살았어.html의 버튼을 통한 롤오버 이미지

이제 방문 페이지에서 Apple 스토어 또는 Google Play로 리디렉션되는 버튼이 2 개 있습니다. 애플 스토어의 경우 모든 항목이 정상이지만 "곧 출시 될 예정입니다."와 같은 Google Play 버튼을 살펴볼 때 나타나는 텍스트를 추가하고 싶습니다.

이 내 Google 재생 버튼에 대한 코드는 지금과 같은 모습입니다 :

<pre> 
    <a class="js-link--android" href="#" data-store="android" target="_blank"> 
    <picture class="picture picture--no-background" style="padding-bottom: 34.88%" img src="assets/images/svg/store/playstore--en.618c3ad6.svg" alt="Download the Android app"> 
    </picture> 
    </a> 
</pre>

Google Play button on the website 나는이 작업을 수행하는 방법을 잘 모르겠습니다 - 사람이 나를 도울 수 있다면 기쁠 것입니다! 미안 .. 웹 개발에 너무 좋은 아니에요

출처

2017-10-26 SkywalkerA

음 ... 코드 블록에는 아무 것도 없습니다 ... 툴팁을 활용하고 싶다면 div 아래에 버튼을 놓거나 자바 스크립트 이벤트를 사용하여 보이게하거나 사라지게 할 수 있습니다. – zevee

@zevee 안녕하세요, 지금 표시됩니까? – SkywalkerA

예, 감사합니다. – zevee

당신은 div로 picture 요소를 포장 할 수 있으며, 다음 CSS에서이 같은 것을 쓸 수 있습니다 : 당신이 오는 넣을 수 있습니다 사업부 내부

#yourlink:hover #yourdiv { 
    display: block; 
} 
#yourlink #yourdiv { 
    display: none; 
}

을 곧 당신이 그것을 만들 수 있습니다 배경은 검은 색 나 또한 어떤

, 나는 당신이 사진의 내부의 사업부 을 넣어 시도하고 단지 선택기의 순서를 취소 할 수 있습니다,이 작동 잘 모르겠어요 CSS

출처

2017-10-26 17:12:45 zevee

무슨 뜻인지 잘 모르겠다 ... 내 CSS의 현재 내용은 다음과 같다 :

 .jobs__container { margin: 100px 0 60px; text-align: center }

– SkywalkerA

@SkywalkerA 도움이 되는가? – zevee

하지만 어디서나 div가 없습니까? 현재 이미지를 표시하기 위해 SVG 파일을 사용하고 있습니까? 죄송합니다. 혼란 스럽다면 – SkywalkerA

html의 버튼을 통한 롤오버 이미지

답변

관련 문제