CSS 문제 : IE의 Custom UL, Li Dropdown Navigation, 특히 IE6 오버플로 : 가시 버그.
https://stackoverflow.com/questions/1632418
-
06-07-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russian문제
IE6 버그의 본질 (드롭 다운 항목은 오버 플로우로 작용하는 대신 IE가 잘못 확장되는 것을 방지하기 위해 숨겨진 오버플로를 통해 잘라야합니다. http://zd-cms.com
잘못 (ie6) :
오른쪽 (FF, IE8, Chrome) :
메뉴 항목에 표시해야합니다.
- 문의하기
- 리셀러
- 지원하다
- 디자이너 서비스
그러나 오버플로를 얻을 수 없기 때문에 : 눈에 보이는 작동 또는 시뮬레이션을 시뮬레이션하면 드롭 다운 메뉴의 일부가 차단됩니다. 현재 IE6 별 스타일 시트의 CSS는 다음과 같습니다.
#zd-nav {
padding-left:0;
margin-left:0;
background-color:transparent;
}
#zd-nav .zd-sub-nav{
margin-top:5px;
**width:73px**;
**overflow:hidden;**
}
내가 시도한 버그에 대한 몇 가지 해결책 : IE6 오버플로 : 가시 버그를 알고 있습니다 (여기에 따라 : 여기 : 여기 : http://www.positioniseverything.net/explorer/expandingboxbug.html ), 오버플로를 렌더링하는) : 가시 널 및 무효. 읽기 : IE6에서 레이아웃 버그를 수정하기위한 전략? 그리고 몇 가지 해킹을 시도하여 실제로 오버플로 역할을하도록 시도했지만 눈에 잘 띄지 만 아무것도 효과가 없었습니다.
지금, 나는 메뉴의 드롭 다운 부분을 오버플로로 설정했습니다. 마지막 도랑 솔루션으로 숨겨져 있습니다.
IE7 또는 IE8에서 NAV의 문제를 지적하는 것도 대단히 감사 할 것입니다.
제안?
해결책
이것은 나를 위해 효과가있었습니다.
#zd-nav .zd-sub-nav li{
float:left;
clear:left;
position:relative;
z-index:20; /* or some other arbitrary biggish number */
}
플로트는 LI에 오른쪽 너비를 제공하고 위치 상대 및 Z- 인덱스는 UL 위에 위의 (즉, 제한되지 않음)를 보여줍니다.
다른 팁
이것을 시도해보십시오 (드롭 다운 [플러스 서브 서브]을 원한다고 가정합니다.
.zd-nav-active {
position: relative;
}
.zd-sub-nav {
position: absolute;
z-index:10000;
}
하위 내비게이션을 상대적으로 위치시키기 위해 LI를 강제로 강요해도 페이지의 위치가 변경되지 않습니다. 그러나 자식 요소에 위치 절대를 사용할 수 있으며, 기본적으로 부모 내에 포함 된 상태로 유지하고 페이지의 "흐름"에서 방출 할 수 있습니다 (따라서 푸시 다운 효과를 방지).
중 하나를 시도하십시오 :
word-wrap:break-word; /*use this in the #zd-nav .zd-sub-nav class*/
또는...
width:100%; /*instead of setting the width to 73px*/
당신은 할 수 있습니다 height:100%; 또한.
Microsoft가 발명 한 것은 Haslayout 문제입니다. 여기에서 정보를 찾았습니다. http://zoffix.com/css/ie/haslayout.shtml
도움이 되었기를 바랍니다...
이것은 작동해야합니다
#zd-nav .zd-sub-nav{
margin-top:5px;
width: auto;
display: block;
overflow: visible
}
자동 너비는 각각의 내비게이션 항목의 크기를 각각 고정 너비를 제공하지 않고도 채택하는 데 사용됩니다.
도움이 되었기를 바랍니다.
상단 및 왼쪽 및 너비를 지정하여 컨테이너에 상대 위치를 사용하는 것이 좋습니다.
