简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집 > 웹 프론트엔드 > HTML 튜토리얼 > 본문

css问题！内详，大神！_html/css_WEB-ITnose

WBOY
풀어 주다： 2016-06-24 11:48:23
원래의
1037명이 탐색했습니다.

问题来源：网站应用到地图。在某些特定经纬度打上了Icon标识，当鼠标点击到对应标识的时候，会有个提示框弹出如图1。现在的问题是，当在地图的上边缘处，点击Icon的适合，提示框就会被遮挡如图2。
问题就是：如何调整使得在边缘的适合，该提示框在icon的下方显示，而不是上方。在左右边缘的时候，也能正确显示。
感谢！




回复讨论(解决方案)

第一种 js 计算位置 从新定位

第二种 调整提示框弹 z-index

重新定位到中间好些吧

js获取触发点Icon标识居上的距离作为判断条件，居上距离不足则向下显示。

관련 라벨：
css问题！内详，大神！
원천：php.cn
이전 기사：js时间插件_html/css_WEB-ITnose 다음 기사：关于网页收藏夹图标shortcut icon和icon代码的区别(转载)_html/css_WEB-ITnose
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
곱하기(*) 명령이 계산되지 않습니다. 내 별표가 작동하지 않습니다. calc() 함수를 수행하고 곱셈 표기법(즉, 별표)을 수행할 때 함수가 작동하지 않습니다. 저는 프로그래밍을 배우고 있고 여러분의...
에서 2024-04-04 21:18:17
0
1
315
테이블 셀의 컨테이너가 상위 셀의 전체 높이를 채우는지 확인하세요. Flexbox를 사용하지 않고 콘텐츠를 세로로 정렬하려고 하는데, 우리 사용 사례에 문제가 있어서 세로로 정렬된 테이블로 하려고 하는데 문제는 그 안의 콘텐츠가 ...
에서 2024-04-04 16:03:18
0
1
404
window.location.href를 사용하여 새 페이지로 리디렉션할 때의 문제 로컬 도메인 PHP 파일로 리디렉션하는 데 문제가 있습니다. thanks.php로 리디렉션할 준비가 되어 있습니다. 이 작업을 수행할 수 있는 코드에 누락된 것이...
에서 2024-04-04 12:57:06
0
1
446
Laravel 프로젝트의 "공용 디렉터리 제거"를 중국어로 "공용 디렉터리 제거"로 번역하세요. Laravel 프로젝트를 만들고 있는데 큰 문제가 있습니다. URL에서 /public/ 이름을 제거할 수 없습니다. 공용 디렉토리에서 laravel의 루트 디렉토...
에서 2024-04-03 19:26:05
0
1
355
그리드 템플릿 열이 행의 항목을 정렬하지 않습니다. 저는 HTML과 CSS를 처음 접하고 그리드 템플릿 열을 사용하여 탐색 모음을 만들려고 합니다. 내 생각은 탐색 모음을 로고 부분, 웹 사이트 홈페이지 부분, 소...
에서 2024-04-03 16:58:18
0
1
370
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！