단축 코드를 사용하여 웹 페이지 중 하나에 HTML 세계지도를 삽입합니다. 세계지도 바로 아래에 표시 값을 "none"으로 설정하려는 제 3 자 링크가 있습니다. 그러나 CSS 스킬이나 웹 개발자 배경이 없기 때문에 사용자 정의 CSS를 작성하는 데 어려움이 있습니다. 컨테이너와 특정 페이지 ID로 놀았지만 행운은 없습니다. 이 페이지는 www.sheerheroine.com/map입니다. 누구든지 코드를 작성하는 방법에 대한 올바른 방향으로 나를 조종 해 줄 수 있습니까? 페이지를 검사 할 때 링크가있는 컨테이너를 볼 수 있지만이 컨테이너를 사용하면 전체지도가 제거됩니다. 감사!CSS에서 표시를 없음으로 변경하십시오.
As the entire map con-taint is coming because of thirdparty image, better check with the that third party style code.
Or
in alternatively, just check the the height of the total map area.
lets assume here total height of map image is 10px from bottom.
and lets assume the height of that area(to which area,you don't want to show user) is 2 px from bottom.
Then create a div element, where you will put the entire map image, but follow the below stlye, where we can hide some portion of image to user
<div style="max-width: (10 - 2)px"> here .. put your map image url..</div>
!important 선언을 사용하면 표시 CSS를 재정의 할 수 없습니다. 다음 자바 스크립트는 표시하지 않으려는 요소 인 document.getElementsByClassName('fm-map-container')[0].childNodes[3].remove();을 제거합니다. 개발자 콘솔에서 사용해보십시오. 페이지에서 작동하려면 요소가 존재할 때까지 실행을 지연시켜야합니다. 다른 사람들이 제안한 것처럼, 당신이 무료로 사용하고있는 사랑스러운 벡터지도의 사용 조건을 겉으로보기에는 위반했을 것입니다. 그러나 개념 증명을 위해이 코드를 알아볼 수 있습니다.
downvote에 대한 응답으로 실제로 질문에 대답하지 않았을 것입니다. 이 javascript는 asker가 원한다면 (display를 none으로 설정하여 기존 디스플레이 CSS를 오버라이드한다.) document.getElementsByClassName ('fm-map-container') [0] .childNodes [3] .style.display = 'none'; ' – humbolight
코드는 어디에 있습니까? – dippas
안녕하세요. 이 글을 읽으려면 tme를 가져 가십시오. [내 웹 사이트 또는 프로젝트의 일부가 작동하지 않습니다. 그냥 링크를 붙여 넣을 수 있습니까?] (http://meta.stackoverflow.com/questions/254428/something-in-my-web-site-or-project-doesnt-work-can-i-just-paste -a-link-to-it). 또한 유용한 질문을하는 방법을 보려면 도움말 센터를 둘러보십시오. – Pete
구매하셨습니까? 그렇지 않으면 그것을 제거하는 것은 합리적이지 않습니다. – Goombah