고정 너비 페이지의 측면에 고정 된 모양의 이미지 개체가 필요합니다. 하지만 모순 된 것처럼 보입니다. 스타일을 지정하려면 이미지가 포함 된 div가 기본 콘텐츠와 별도의 div에 있어야하지만 레이아웃에서 작동하려면 이미지가있는 div를 사용할 수 없습니다. 메인 콘텐츠와 별도의 div.복잡한 DIV가 겹쳐져 있고 CSS로 볼 수 있습니다.
단어로 설명하기가 어렵습니다. 대신이 데모를 살펴보십시오. 너라면 : http://www.hinchy.us/demo.html
내가 원한 것에 대한 자세한 정보는 해당 페이지의 소스에서 이미지를 확인하십시오.
.orange { position:relative; z-index:5; }
녹색 줄 위의 주황색을 얻으려면. IE6/IE7이 중요합니까?
이것은 내가 찾고 있었던 것이다! 감사!! –
#red { z-index: 3; }
#green-right{ z-index: 2; }
.blue { z-index: 4; width: 950px; }
.orange { left: auto; right: -140px; margin-left: -108px; -margin-right: 0px; }
IE6/7의 문제를 해결하기 위해이 줄을 스타일 맨 아래에 추가했습니다. 이전 IE의 버그 박스 모델을 감안할 때 빨강 및 파랑 상자에 대해 다른 크기 조정/위치 지정 체계를 권장하므로 모든 브라우저에서 너비가 올바르게 일치했습니다.
"고정 된"의미는 페이지를 스크롤해도 상단 및 오른쪽에 고정 된 상태로 유지됩니까? 그럴 경우 :
.orange {
position: fixed;
top: 0px;
right: 0px;
}
몇 가지 코드가 도움이 될 것입니다. –
CSS는 어디에 있습니까? 이와 같은 복잡한 질문의 경우 데모를 제공하면 도움이됩니다. –
옙, 그것에 착수해라! –