위치 뒤에 표시되는 방법 : 고정; 요소?

그래서 높이가 변하는 그림이 될 고정 요소가 있고 그 뒤에 텍스트를 추가하고 싶습니다. 그러나 그 div 외부에 텍스트를 추가하고 싶습니다.위치 뒤에 표시되는 방법 : 고정; 요소?

Example 내가 바꿀 필요가있는 것.

텍스트를 포함하지 않는 마우스 오버가 필요하고 그림의 div 외부에 텍스트를 삽입하면 자연스럽게 사이드 바 시작 부분에서 끝납니다. 그래서 그림을 따라갈 수있는 솔루션이 필요합니다. 그러나 높이를 지정하지 않아도됩니다. 왜냐하면 내가 원하는 이미지를 넣을 수 있기를 원하기 때문에 이미지의 높이가 다양하기 때문입니다. 대신 현재의 구조

출처

2012-12-01 MSmS

나는이 질문이 약간 불분명하다는 것을 발견한다. 다른 말로 설명 할 수 있습니까? – RyanFishman

예를 보면 그림 뒤에 텍스트가 표시되지만 그림이나 텍스트를 가리키면 메뉴가 양쪽에서 나타납니다. 텍스트가 포함되지 않도록해야합니다. 텍스트가 별도의 요소가되고 높이가 어떻든 상관없이 항상 그림 뒤에 있어야합니다. – MSmS

그래서 문제의 img 요소에만 호버 효과를 추가 하시겠습니까? (필요한 경우 다른 div로 감싸 십시 오) – knittl

div#SidebarImg 
    div.LeftSlide 
    div.RightSlide 
    img 
    div#Description

과 같이하십시오 :

div#SidebarImg 
    div#SlidesContainer 
    div.LeftSlide 
    div.RightSlide 
    img 
    div#Description

#Description의 DIV 그래서 이제 이미지 앤 슬라이드 부분의 외부 이제 #SlidesContainer img:hover #RightSlide {...} 선택이다 해야한다

출처

2012-12-01 15:27:10 aherok

나는이 일을 생각하고 있었지만, 슬라이드가 전혀 나타나지 않는다고 생각한 것을 시도 할 때, 어떻게하는지 모릅니다. – MSmS

나머지는 CSS로 수행해야합니다. 일부 속성은 #SidebarImg에서 새 div # SlidersContainer로 이동해야합니다. divSidebarImg 외부에서 div # 설명을 이동하면 어떨까요? 도움이 될 것 같아. – aherok

사실, 이걸 가지고 ... 너는 많이 도와 줬어. 정말 고맙습니다! – MSmS

위치 뒤에 표시되는 방법 : 고정; 요소?

답변

관련 문제