일반 브라우저 (FF/Opera/Chrome)에서 링크를 열면에서 볼 수 있듯이 파란색 스크롤 막대를 사용하면 의사 요소의 위치가 지연됩니다. IE11이 일부 효과를 적용하더라도 다른 브라우저보다 몇 배 느린 것으로 보입니다. 이 스크롤 효과에 관련된 코드는 다음의 임의의 위치 (NO left, top, right 또는 bottom)를 설정하지 않고 pos
앵커가 특정 줄에 대한 링크와 함께 로깅 스크립트를 만들려고합니다. 헤더가있어 모든 것을 푸시 다운합니다. 이제는 이러한 링크를 통해 헤더 뒤에서 내용을 볼 수 있으므로 머리글을 지나치게 초점을 맞출 수있는 방법이 필요했습니다. 구조에 가짜 요소! 적어도, 부분적으로; 이 문제는 클릭 할 때 링크에 초점을 맞춘 윤곽이 각각 있습니다. 시도해보십시오.이 개요
그래서 나는 여기에서 찾을 수있는 햄버거 메뉴를 만들었습니다 : http://codepen.io/ChucKN0risK/pen/Chtqp. 유일한 문제는 내 div (3 개의 검은 줄무늬)를 클릭하면 메뉴가 열리지 않는다는 것입니다. 나는이 시도했다 https://stackoverflow.com/a/1313404/3906770 결과가 없습니다. 또한 각 요소
링크가 있습니다. 내가 앞에 :before 아이콘을 넣어 사용하고 있습니다. 처음에는 텍스트가 보이지 않지만 (opacity: 0) 아이콘은 표시됩니다 (opacity: 1). 마우스를 가져 가면 텍스트가 표시됩니다. Transition 속성을 사용해야하므로 가시성 또는 표시와 달리 불투명도를 사용하고 있습니다. 크롬에서 :before 요소를 display
거의 각 섹션 및 하위 섹션에 대해 서로 다른 아이콘을 가진 매우 복잡한 드롭 다운 메뉴가 있는데, 내가 통제하기가 어려웠던 점. 예, 부모 메뉴에서, 나는 이런 식으로 뭔가가 : ul.parent .t1 a:before {background-position: 12px -49px;width:34px;}
어린이 메뉴에서 .t1를 들어,이 :before 의
제목 머리글에 유사 요소 이미지를 추가하려고했습니다. 내가 원하는 위치에 표시되도록 관리했지만 실제로 제목 크기로 이미지를 동적으로 조정하는 데 어려움을 겪고 있습니다. 따라서 제목이 H1 인 경우 이미지는 괜찮지 만 제목을 줄이면 이미지가 같은 크기로 유지되고 다른 콘텐츠와 겹치게됩니다. 문제의 예 : html로 : <h1 class="title bran
서브 메뉴를 가질 수있는 수직 메뉴를 만들고 있습니다. 이를 위해 CSS 의사 요소 ::before 및 border을 사용하여 세로선을 추가하려고합니다. 내가 직면 한 문제는 CSS가 특정 하위 메뉴 대신 전체 메뉴에 적용되고 있다는 것입니다. 나는이 문제가 position: absolute;의 사용과 관련이 있다고 생각하지만 테두리가 표시되지 않습니다.
나는 항상 백그라운드 크기 및 미디어 쿼리를 사용하여 Smashing Magazine에 의해 설명 된 망막 이미지 기술을 성공적으로 사용 해왔다. 그러나이 기술이 작동하지 않는 경우를 발견했습니다. CSS3 의사 요소를 스타일링하는 것입니다. <p>test</p>
p:before {
content: url('http://file.rsprepro