«css» 태그된 질문

혼합 웹 브라우저 환경 (Chrome / IE11)에서 웹 페이지를 개발 중입니다. IE11은 CSS 변수를 지원하지 않습니다. IE11에서 CSS 변수를 사용할 수있는 polyfill 또는 스크립트가 있습니까?

93 css  internet-explorer-11  polyfills 

CSS 스타일이 영향을 미치는 HTML 태그에 직접 포함하면 CSS의 대부분의 목적이 무효화되지만 때로는 다음과 같이 디버깅 목적으로 유용합니다. <p style="font-size: 24px">asdf</p> 다음과 같은 규칙을 포함하는 구문은 무엇입니까? a:hover {text-decoration: underline;} A 태그의 스타일 속성에? 분명히 이건 아니야 ... <a href="foo" style="text-decoration: underline">bar</a> ... 항상 호버링하는 동안이 아니라 항상 적용되기 때문입니다.

93 html  css 

우선 CSS 태그를 언급하고 있습니다. 나는 봤다 @apply 했지만 그 의미를 제대로 설명 할 수있는 것을 찾을 수 없었다. 그러한 태그의 사용법은 무엇입니까?

93 css 

내 페이지에 문제가있는 것 같습니다 : http://www.lonewulf.eu 미리보기 이미지 위로 마우스를 가져 가면 이미지가 오른쪽으로 약간 이동하며 Chrome에서만 발생합니다. 내 CSS : .img{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5; display:block; border:1px solid #121212; } .img:hover{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1; -khtml-opacity: 1; display:block; }

92 css  image  google-chrome  hover  opacity 

다른 뷰의 HTML에 동적으로 삽입하려는 부트 스트랩 2.32 모달이 있습니다. 저는 Codeigniter 2.1을 사용하고 있습니다. 뷰에 부트 스트랩 모달 부분 뷰를 동적으로 삽입 한 후 다음 과 같이합니다. <div id="modal_target"></div> 삽입 할 대상 div로. 내보기에 다음과 같은 버튼이 있습니다. <a href="#message" class="btn btn-large btn-info" data-action="Message" data-toggle="tab">Message</a> 내 JS에는 다음이 있습니다. …

92 javascript  jquery  css  twitter-bootstrap  twitter-bootstrap-2 

유동 레이아웃에서 사이드 바 탐색이 항상 스크롤에 고정되도록 할 수 있습니까?

92 css  twitter-bootstrap  css-position  fluid-layout 

추가 :not(:empty)할 때 작동하지 않는이 특정 CSS 선택기로 시간을 보내고 있습니다. 다른 선택기의 조합으로 잘 작동하는 것 같습니다. input:not(:empty):not(:focus):invalid { border-color: #A22; box-shadow: none } :not(:empty)부품을 제거하면 잘 작동합니다. 선택기를 변경하더라도 input:not(:empty)텍스트가 입력 된 입력 필드는 선택되지 않습니다. 이것이 깨졌습니까 아니면 선택기 :empty내 에서 사용할 수 :not()없습니까? 내가 생각할 수있는 …

92 html  css  css-selectors 

현재 텍스트 선택을 비활성화하기 위해 본문 태그에 넣었습니다. body { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } 그러나 이제 내 input및 textarea상자를 선택할 수 없습니다. 이러한 입력 요소 만 선택 가능하고 나머지는 선택 불가능하게 만들 수있는 방법은 무엇입니까?

92 css 

여기에 문제가 있습니다. 이미지가 있습니다. <img alt="alttext" src="filename.jpg"/> 지정된 높이 또는 너비가 없습니다. 특정 페이지에서는 썸네일 만 표시하고 싶습니다. html을 변경할 수 없으므로 다음 CSS를 사용합니다. .blog_list div.postbody img { width:75px; } (대부분의 브라우저에서) 가로 세로 비율이 모두 유지 된 균일 한 너비의 축소판 페이지를 만듭니다. 그러나 IE6에서는 이미지가 CSS에 …

92 javascript  css  internet-explorer  image  internet-explorer-6 

원래 HTML, CSS 및 JavaScript로 웹 앱을 만든 다음 부트 스트랩에서도 다시 만들도록 요청 받았습니다. 나는 모든 것을 잘했지만 웹 앱에 원래 있던 토글 버튼 대신 라디오 (원래 확인란) 버튼으로 다시 변경된 토글 버튼이있었습니다. 버튼의 코드는 다음과 같습니다. <label> Notifications <span class='toggle'> <input type='radio' class='notifications' name='notifications' id='notifications' /> </span> </li> …

92 javascript  jquery  css  twitter-bootstrap  jqtouch 

전체 웹 사이트에서 "Algerian"이라는 단일 글꼴을 사용하고 싶습니다. 따라서 모든 HTML 태그를 변경해야하며 다음과 같은 다른 태그에 대해 다른 코드를 작성하고 싶지 않습니다. button{font-family:Algerian;} div{font-family:Algerian;} 아래에 기록 된 방법도 권장되지 않습니다. div,button,span,strong{font-family:Algerian;}

92 html  css  fonts  font-face 

이 코드가 있습니다. <footer class="row"> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 1</li> <li>Text 2</li> <li>Text 3</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 4</li> <li>Text 5</li> <li>Text 6</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 7</li> <li>Text 8</li> <li>Text 9</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 10</li> <li>Text 11</li> <li>Text …

92 html  css  twitter-bootstrap  twitter-bootstrap-3  responsive-design 

이 둘의 차이점을 완전히 이해하고 있는지 잘 모르겠습니다. 누군가 내가 왜 다른 것을 사용하고 어떻게 다른지 설명 할 수 있습니까?

92 css  css-position 

이 질문에 이미 답변을 하셨다면 사과드립니다. 솔루션 검색을 시도했지만 내 코드에 적합한 것을 찾을 수 없습니다. 나는 여전히 jQuery를 처음 사용합니다. 두 페이지에 대해 두 가지 유형의 고정 메뉴가 있습니다. 다음은 둘 다에 대한 코드입니다. $(document).ready(function () { var contentNav = $('.content-nav').offset().top; var stickyNav = function () { var scrollTop …

92 javascript  jquery  html  css  dom 

여기 내가 가지고있는 것이 Fiddle ul { display: flex; justify-content: flex-start; flex-direction: row; align-items: center; width: 100%; height: 100px; background: #333; padding: 15px; } ul li { padding: 15px; margin: 5px; background: #efefef; border: 1px solid #ccc; display: inline-block; list-style: none; } #item-1 { height: 50px; } #item-2 { height: …

92 html  css