«css» 태그된 질문

나는 가지고있다 body { background: url(images/background.svg); } 원하는 효과는이 배경 이미지의 너비가 페이지의 너비와 같고 높이가 비율을 유지하도록 변경되는 것입니다. 예를 들어 원본 이미지의 크기가 100 * 200 (모든 단위)이고 본문의 너비가 600 픽셀 인 경우 배경 이미지의 높이는 1200px입니다. 창의 크기를 조정하면 높이가 자동으로 변경됩니다. 이것이 가능한가? 현재 Firefox는 …

365 html  css 

다음 코드에서 사용자가 스팬을 가리킬 때 툴팁이 나타나기를 원합니다. 어떻게합니까? 링크를 사용하고 싶지 않습니다. <span> text </span>

364 html  css 

때로는 버튼으로 스타일이 지정된 앵커를 사용하고 때로는 버튼 만 사용합니다. 특정 클릭 콘텐츠를 비활성화하고 싶습니다. 그들은 장애인 보인다 클릭이 중지됩니다 어떻게해야합니까?

360 jquery  html  css  twitter-bootstrap 

태그가 두 개일 때 태그에 적용하려는 스타일 규칙이 있습니다 클래스 있습니다. JavaScript없이 이것을 수행 할 수있는 방법이 있습니까? 다시 말해: <li class='left ui-class-selector'> 및 클래스 가 모두 적용된 경우 에만 스타일 규칙을 적용하고 싶습니다 .li.left.ui-class-selector

360 css  css-selectors 

Font Awesome 's Icons 에서 아이콘의 색상, 크기 및 그림자 스타일을 어떻게 지정할 수 있습니까? 예를 들어 Font Awesome의 사이트 는 일부 아이콘은 흰색으로, 일부는 빨간색으로 표시하지만 CSS스타일을 지정하는 방법 은 표시하지 않습니다 ...

358 css  twitter-bootstrap  icons  styles  font-awesome-4 

에 http://github.com 개발자는 프로젝트의 HTML, CSS, 자바 스크립트, 이미지 파일을 보관. 브라우저에서 HTML 출력을 어떻게 볼 수 있습니까? 예를 들면 다음과 같습니다. https://github.com/necolas/css3-social-signin-buttons/blob/master/index.html 이것을 열면 작성자 코드의 렌더링 된 HTML이 표시되지 않습니다. 페이지를 소스 코드로 표시합니다. 렌더링 된 HTML로 직접 볼 수 있습니까? 그렇지 않으면 결과를 보려면 항상 전체 ZIP을 …

355 html  css  git  github  github-pages 

페이지 매김을 구현하고 있으며 중앙에 배치해야합니다. 문제는 링크가 블록으로 표시되어야하므로 플로팅되어야한다는 것입니다. 그러나 text-align: center;그들에게는 효과가 없습니다. 왼쪽에 래퍼 div 패딩을 제공하면 얻을 수 있지만 모든 페이지에는 다른 수의 페이지가 있으므로 작동하지 않습니다. 내 코드는 다음과 같습니다. .pagination { text-align: center; } .pagination a { display: block; width: 30px; height: …

354 css-float  center  css 

내 html 문서의 본문은 3 가지 요소, 단추, 양식 및 캔버스로 구성됩니다. 버튼과 양식을 오른쪽 정렬하고 캔버스를 왼쪽 정렬 상태로 유지하고 싶습니다. 문제는 처음 두 요소를 정렬하려고 할 때 더 이상 서로를 따르지 않고 대신 가로로 옆에 있습니까?, 여기까지 코드가 있습니다. 오른쪽에있는 버튼 바로 다음에 양식을 따르기를 원합니다. 사이에 공간이 …

350 css  html 

이 기술을 http://css-tricks.com/svg-fallbacks/ 사용 하고 svg 색상을 변경하고 싶지만 지금까지는 그렇게 할 수 없었습니다. 나는 이것을 CSS에 넣었지만 내 이미지는 항상 검은 색입니다. 내 코드 : .change-my-color { fill: green; } <svg> <image class="change-my-color" xlink:href="https://svgur.com/i/AFM.svg" width="96" height="96" src="ppngfallback.png" /> </svg> 코드 스 니펫 실행결과 숨기기스 니펫 확장

350 css  svg 

쓰는 :hover법과 :visited조건은 a:before? 노력하고 a:before:hover있지만 작동하지 않습니다

347 css  css-selectors  pseudo-element  pseudo-class 

내 웹 사이트 에서 Modal ( http://twitter.github.com/bootstrap )을 여는 동안 마우스 휠을 사용할 때 몸이 스크롤을 멈추기를 원합니다 . 모달이 열렸을 때 아래의 자바 스크립트를 호출하려고했지만 성공하지 못했습니다. $(window).scroll(function() { return false; }); 과 $(window).live('scroll', function() { return false; }); 우리 웹 사이트에서 IE6에 대한 지원이 중단되었으므로 IE7 +는 호환되어야합니다.

347 javascript  jquery  css  scroll 

ReactJS와 JSX를 처음 사용하고 아래 코드에 약간의 문제가 있습니다. className각 속성에 여러 클래스를 추가하려고합니다 li. <li key={index} className={activeClass, data.class, "main-class"}></li> 내 반응 구성 요소는 다음과 같습니다 var AccountMainMenu = React.createClass({ getInitialState: function() { return { focused: 0 }; }, clicked: function(index) { this.setState({ focused: index }); }, render: function() { …

347 javascript  css  reactjs  ecmascript-6 

텍스트 입력이 있습니다 <input type="text" value="3" class="field left"> 여기 내 CSS가 있습니다. background:url("images/number-bg.png") no-repeat scroll 0 0 transparent; border:0 none; color:#FFFFFF; height:17px; margin:0 13px 0 0; text-align:center; width:17px; 이것에 대한 설정이나 트릭이 있습니까? 라벨 대신 스타일을 사용하는 방법을 생각하고있었습니다. 어떻게 변환하고 더 좋은 방법이 있습니까 아니면 유일한 방법입니까?

344 html  css  html-input 

Zurb Foundation 3 그리드를 사용하여 사이트를 만들었습니다 . 각 페이지에는 큰 것이 있습니다 h1. body { font-size: 100% } /* Headers */ h1 { font-size: 6.2em; font-weight: 500; } <div class="row"> <div class="twelve columns text-center"> <h1> LARGE HEADER TAGLINE </h1> </div> <!-- End Tagline --> </div> <!-- End Row --> …

343 css  responsive-design  font-size  zurb-foundation  em 

문제: 부트 스트랩 3에서 col-md- *의 오른쪽과 왼쪽에있는 패딩 / 여백을 제거하십시오. HTML 코드 : <div class="col-md-12"> <h2>OntoExplorer<span style="color:#b92429">.</span></h2> <div class="col-md-4"> <div class="widget"> <div class="widget-header"> <h3>Dimensions</h3> </div> <div class="widget-content" id=""> <div id='jqxWidget'> <div style="clear:both;margin-bottom:20px;" id="listBoxA"></div> <div style="clear:both;" id="listBoxB"></div> </div> </div> </div> </div> <div class="col-md-8"> <div class="widget"> <div class="widget-header"> <h3>Results</h3> </div> …

342 css  twitter-bootstrap  html