CSS- 절대 위치 지정 및 Z- 색인을 사용하지 않으면 어떻게됩니까?

Question

저는 초보자이지만 CSS와 코딩을 처음 접하는 것은 아닙니다. 지난 6 개월 동안 나는 코딩과 함께 길게왔다. 몇 주 전에 나는 정말 멋진 레이아웃으로 웹 사이트를 발견했습니다. 특히, TigerHawk 로고는 여러 비 AP 사업부를 가로 질러 (또는 적어도 등장한 채로) 등장했기 때문에 그들이 어떻게했는지 파악할 수 없었습니다. 나는 페이지를 확장 할 때 div가 위치를 어떻게 바꿔 놓았는지 AP div가 아닌 것으로 확신한다.

AP div를 사용하지 않고 누군가가 어떻게 완료했는지 알 수 있습니까? 나는 AP div를 사용하여 복제 할 수 있고 Z-index를 조정하여 로고가 필요한 div 위에 놓일 수 있다고 확신하지만, 그런 레이아웃은 내가하고자하는 것에 너무 엄격하다.

여기에 tigerHawk 로고가 다른 div 위에있는 hawkeyesports.com 웹 사이트 링크가 있습니다. Check out hawkeyesports.com for some really cool CSS I am trying to figure out.

모든 도움을 주시면 감사하겠습니다.

Answer 1

#mast-logo은 절대 위치합니다.

#mast-logo { 
    background: url("http://grfx.cstv.com/schools/iowa/graphics/iowa-10-logo.png") no-repeat scroll 0 0 transparent; 
    height: 133px; 
    left: -13px; 
    position: absolute; 
    top: -4px; 
    width: 198px; 
    z-index: 200; 
} 

It is not really difficult to do

, 당신은 absolute 및 relative 위치의 묘리를 터득하면.

Answer 2

메뉴 옆에있는 로고는 불을 지르고에 따라이 CSS를 가지고 :

#mast-logo { 
-moz-background-clip:border; 
-moz-background-inline-policy:continuous; 
-moz-background-origin:padding; 
background:transparent url(http://grfx.cstv.com/schools/iowa/graphics/iowa-10-logo.png) no-repeat scroll 0 0; 
height:133px; 
left:-13px; 
position:absolute; 
top:-4px; 
width:198px; 
z-index:200; 
}