«css» 태그된 질문

:hover사용자가 터치 장치를 통해 웹 사이트를 방문하면 모든 CSS 선언 을 무시하고 싶습니다 . 때문에 :hoverCSS를 이해하고,하지 않는 요소가 포커스를 잃을 때까지 클릭 / 탭에 태블릿 트리거는 다음 스틱 수 있기 때문에 경우에도 방해 할 수있다. 솔직히 말해서, 터치 장치가 왜 :hover처음 부터 트리거해야한다고 생각하는지 모르겠습니다. 그러나 이것이 현실이므로이 문제도 …

141 html  css  hover  touch 

왼쪽 오른쪽 flexbox가 있습니다. .wrapper { display: flex; flex-direction: row; align-items: stretch; width: 100%; height: 70vh; min-height: 325px; max-height:570px; } <div class="wrapper"> <div class="left">Left</div> <div class="right">Right</div> </div> 코드 스 니펫 실행결과 숨기기스 니펫 확장 문제는 올바른 자녀가 반응 적으로 행동하지 않는다는 것입니다. 구체적으로 래퍼의 높이를 채우고 싶습니다. 이것을 달성하는 방법?

141 css  flexbox 

다음은 흥미로운 CSS 질문입니다. 워터 마크로 사용하려는 일부 텍스트를 오버레이하는 투명한 배경의 텍스트 영역이 있습니다. 텍스트는 크고 텍스트 영역의 대부분을 차지합니다. 사용자가 텍스트 영역을 클릭하면 워터 마크 텍스트를 대신 선택하는 것이 문제입니다. 워터 마크 텍스트를 선택할 수 없도록하고 싶습니다. z-index에서 더 낮은 것이 있으면 선택할 수는 없지만 브라우저는 항목을 선택할 …

140 css 

웹 페이지를 레이아웃하는 데 <div style="display:inline-block">대신 사용할 이유가 <span>있습니까? 범위 내에 중첩 된 내용을 넣을 수 있습니까? 유효하고 무엇이 아닌가? 이것을 사용하여 레이아웃과 같은 3x2 테이블을 만들 수 있습니까? <div> <span> content1(divs,p, spans, etc) </span> <span> content2(divs,p, spans, etc) </span> <span> content3(divs,p, spans, etc) </span> </div> <div> <span> content4(divs,p, spans, …

140 css  html 

일반적인 CSS 환경에서 고정 div가 지정된 위치 ( top:0px, left:0px)에 정확하게 위치하는 상황이 있습니다 . translate3d 변환이있는 부모가 있다면 이것은 존중되지 않는 것 같습니다. 뭔가 보이지 않습니까? 스타일 및 변형 원점 옵션과 같은 다른 웹킷 변환을 시도했지만 운이 없었습니다. JSFiddle 을 첨부했습니다 . 노란색 상자가 컨테이너 요소가 아닌 페이지의 상단 …

140 html  css  css-position  css-transforms 

HTML에서 250x250px 인 이미지의 중앙 50x50px 만 표시하는 방법을 원한다고 가정 해 봅시다. 어떻게해야합니까 또한 css : url () 참조에 대해 이것을 수행하는 방법이 있습니까? CSS 의 클립 을 알고 있지만 절대 위치 지정과 함께 사용할 때만 작동하는 것 같습니다.

140 html  css  image 

여러 HTML 페이지에 포함 된 공통 머리글 및 바닥 글 페이지를 만들고 싶습니다. 자바 스크립트를 사용하고 싶습니다. html과 JavaScript 만 사용하여 이것을 수행하는 방법이 있습니까? 다른 html 페이지 내에 머리글 및 바닥 글 페이지를로드하고 싶습니다.

140 javascript  jquery  html  css 

미디어 쿼리에서 CSS 변수를 사용하려고하는데 작동하지 않습니다. :root { --mobile-breakpoint: 642px; } @media (max-width: var(--mobile-breakpoint)) { }

140 css  media-queries  css-variables 

투명도가있는 컬러 png 이미지가 있습니다. css 필터를 사용하여 전체 이미지를 흰색으로 만들고 투명도는 그대로 둡니다. CSS에서 가능합니까?

140 css  css-filters 

왜 없어 box-sizing: margin-box;? 일반적으로 box-sizing: border-box;스타일 시트를 넣을 때 실제로 전자를 의미합니다. 예: 2 열 페이지 레이아웃이 있다고 가정 해 봅시다. 두 열의 너비는 50 %이지만 거터가 없기 때문에 추악한 것처럼 보입니다 (중간 간격). 아래는 CSS입니다. .col2 { width: 50%; float: left; } 거터를 적용하기 위해 두 열 중 …

139 css  layout  position  w3c 

고정 높이로 divs를 추가 div하면 자식 div가 위쪽에서 아래쪽으로 나타나고 위쪽 테두리에 붙어 있습니다. ┌─────────────────────────┐ │ Child Div 1 │ │ Child Div 2 │ │ │ │ │ │ │ └─────────────────────────┘ 이제 다음과 같이 아래쪽에서 위쪽으로 표시하려고합니다 (아래쪽 테두리에 고정). ┌─────────────────────────┐ │ │ │ │ │ │ │ Child …

139 html  css  scrollbar  vertical-alignment  alignment 

같은 페이지에 로그인과 가입이라는 두 가지 기본 양식이 있습니다. 이제 자동 완성 양식의 로그인에 문제가 없습니다.하지만 가입 양식 자동 완성도 마음에 들지 않습니다. 또한 양식 스타일에는 무시할 수없는 노란색 배경이 있으며 인라인 CSS를 사용하여 원하지 않습니다. 노랑색을 멈추게하려면 어떻게해야합니까그리고 (아마도) 자동 충전? 미리 감사드립니다!

139 html  css  input  autofill 

Markdown을 사용하여 단락에 클래스 이름을 정의 할 수 있습니까? 그렇다면 어떻게?

139 css  markdown 

예상치 못한 행동으로 보이는 것이 무엇인지 이해하려고합니다. 컨테이너 안에 최대 높이가 100 % 인 요소가 있으며 최대 높이를 사용하지만 예기치 않게 자식이 부모를 오버플로합니다. 테스트 사례 : http://jsfiddle.net/bq4Wu/16/ .container { background: blue; padding: 10px; max-height: 200px; max-width: 200px; } img { display: block; max-height: 100%; max-width: 100%; } 그러나 부모에게 …

139 css 

부트 스트랩으로 스크롤 가능한 메뉴를 활성화하기 위해이 방법 ( 피들 )을 시도했지만 그 접근 방식으로 스크롤 가능한 메뉴는 컨테이너를 확장합니다- 바이올린 -스크롤 할 수없는 메뉴는 올바르게 수행하지 않습니다. 이 문제를 어떻게 해결할 수 있습니까? Bootstrap과 호환되는 다른 접근법에 대한 제안도 환영합니다! 참고로, 다음은 첫 번째 메서드 바이올린의 HTML입니다. <ul class="nav"> …

138 css  twitter-bootstrap  scrollable