«css» 태그된 질문

상단 고정 탐색 메뉴로 반응 형 레이아웃을 만들고 있습니다. 그 아래에는 세로 막대 (3)와 내용 (9)에 대한 두 개의 열이 있습니다. 데스크탑에서 다음과 같이 보이는 것은 탐색 모음 [3] [9] resize모바일 navbar로 압축 하면 숨겨지고 사이드 바는 다음과 같이 내용 위에 쌓입니다. 탐색 모음 [3] [9] 메인 콘텐츠를 맨 위에 …

293 html  css  twitter-bootstrap  multiple-columns 

배너 이미지를 HTML5 앱에 동적으로로드해야하며 화면 너비에 맞게 몇 가지 다른 버전을 원합니다. 휴대 전화의 화면 너비를 올바르게 결정할 수 없으므로이 작업을 수행 할 수있는 유일한 방법은 div의 배경 이미지를 추가하고 @media를 사용하여 화면 너비를 결정하고 올바른 이미지를 표시하는 것입니다. 예를 들면 다음과 같습니다. <span style="background-image:particular_ad.png; @media (max-width:300px){background-image:particular_ad_small.png;}"></span> 이것이 가능합니까, …

293 html  css  media-queries 

바닥 글이있는 간단한 2 열 레이아웃을 사용하여 마크 업에서 오른쪽 및 왼쪽 div를 모두 지 웁니다. 내 문제는 모든 브라우저에서 바닥 글을 페이지 하단에 유지할 수 없다는 것입니다. 내용이 바닥 글을 아래로 밀면 작동하지만 항상 그런 것은 아닙니다.

291 css  html  footer  sticky-footer 

인쇄 CSS를 사용자 정의하려고 시도 href하고 링크뿐만 아니라 값으로 링크를 인쇄한다는 것을 발견했습니다 . 이것은 Chrome에 있습니다. 이 HTML의 경우 : <a href="http://www.google.com">Google</a> 다음을 인쇄합니다. Google (http://www.google.com) 그리고 나는 그것을 인쇄하고 싶다 : Google

290 css  printing  hyperlink  print-css 

현재로서는이 질문이 Q & A 형식에 적합하지 않습니다. 답변, 사실, 참고 자료 또는 전문 지식을 통해 답변이 뒷받침 될 것으로 예상되지만이 질문은 토론, 논쟁, 여론 조사 또는 광범위한 토론을 요구할 것입니다. 이 질문을 개선하고 다시 열 수 있다고 생각 되면 도움말 센터 를 방문하여 안내를 받으십시오 . 휴일 팔년 전에 …

289 css  minify 

jQuery SVG를 사용하고 있습니다. 객체에 클래스를 추가하거나 제거 할 수 없습니다. 내 실수를 아는 사람 있나요? SVG : <rect class="jimmy" id="p5" x="200" y="200" width="100" height="100" /> 클래스를 추가하지 않는 jQuery : $(".jimmy").click(function() { $(this).addClass("clicked"); }); SVG와 jQuery가 잘 작동한다는 것을 알고 있습니다 . 클릭하면 객체를 대상으로하고 경고를 발생 시킬 수 …

289 javascript  jquery  css  svg  jquery-svg 

기본적으로 나는 사용의 장점 / 목적이 무엇인지 궁금합니다. @import 스타일 시트를 기존 스타일 시트로 가져 오는 데 하고 다른 스타일을 추가하는 . <link rel="stylesheet" type="text/css" href="" /> 문서의 머리에?

288 html  css 

현재이 코드가 있습니다. @-webkit-keyframes blinker { from { opacity: 1.0; } to { opacity: 0.0; } } .waitingForConnection { -webkit-animation-name: blinker; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1); -webkit-animation-duration: 1.7s; } 깜박이지만 "한 방향"으로 만 깜박입니다. 내 말은, 단지 페이드 아웃되고 다시로 나타나고 opacity: 1.0다시 페이드 아웃되고 다시 나타납니다. 페이드 …

288 html  css  css-animations  opacity 

매우 이상한 문제가 있습니다 ... 모든 브라우저 및 모바일 버전 에서이 동작이 발생했습니다. 페이지 스크롤을 시작할 때 위로 이동하는 페이지를로드하면 (예 : 주소 표시 줄 표시) 모든 브라우저에 최상위 메뉴가 있습니다. 100vh는 때때로 뷰포트의 보이는 부분에서만 계산되므로 브라우저 막대가 100vh 위로 올라가면 픽셀 단위로 증가합니다 치수가 변경되었으므로 모든 레이아웃을 다시 …

288 html  css  viewport-units 

CSS를 사용하여 버튼을 링크처럼 보이게 만들어야합니다. 변경이 완료되었지만 클릭하면 마치 버튼처럼 눌린 것처럼 표시됩니다. 버튼을 클릭해도 링크로 작동하도록 제거하는 방법에 대한 아이디어가 있습니까?

287 css  button  hyperlink 

RGBA는 매우 재미있다, 그래서이다 -webkit-gradient, -moz-gradient그리고 어 ... progid:DXImageTransform.Microsoft.gradient... 그래. :) RGBA와 그라디언트를 결합하여 현재 / 최신 CSS 사양을 사용하여 알파 투명도의 그라디언트를 결합하는 방법이 있습니까?

286 css  gradient 

중간에 텍스트가있는 수평 규칙을 만들려고합니다. 예를 들면 다음과 같습니다. ----------------------------------- 내 제목은 여기 ------------ ----------------- CSS에서 그렇게하는 방법이 있습니까? 모든 "-"없이 분명히 대시.

286 html  css  cross-browser 

내 상자에 점선 스타일 테두리를 사용하고 있습니다. .box { width: 300px; height: 200px; border: dotted 1px #f00; float: left; } 테두리의 각 점 사이의 간격을 늘리고 싶습니다.

286 html  css  border 

background-color메뉴 항목을 가리킬 때 전환 효과를 만들려고하는데 작동하지 않습니다. 내 CSS 코드는 다음과 같습니다. #content #nav a:hover { color: black; background-color: #AD310B; /* Firefox */ -moz-transition: all 1s ease-in; /* WebKit */ -webkit-transition: all 1s ease-in; /* Opera */ -o-transition: all 1s ease-in; /* Standard */ transition: all 1s ease-in; …

286 css 

부모님 안에 HTML 요소를 세로 또는 가로로 가운데에 배치하는 방법이 있습니까?

285 css  twitter-bootstrap