«css» 태그된 질문

이것은 내가 전에 다룰 필요가 없었던 것입니다. CSS background-image 속성에서 사용하는 이미지를 포함하여 사이트의 모든 이미지에 alt 태그를 사용해야합니다. 내가 아는 한 이와 같은 CSS 속성이 없으므로 가장 좋은 방법은 무엇입니까?

117 html  css 

따라서 a 요소에 다음과 같은 CSS 전환이 연결되어 있습니다. a { -webkit-transition:color 0.1s ease-in, background-color 0.1s ease-in ; -moz-transition:color 0.1s ease-in, background-color 0.1s ease-in; -o-transition:color 0.1s ease-in, background-color 0.1s ease-in; transition:color 0.1s ease-in, background-color 0.1s ease-in; } 특정 요소에서 이러한 상속 된 전환을 비활성화하는 방법이 있습니까? a.tags { transition: none; …

117 css  transitions  css-transitions 

에서 <img>소스 URL 을 변경해야합니다 hover. 나는 이것을 시도했지만 작동하지 않습니다. HTML <img id="my-img" src="http://dummyimage.com/100x100/000/fff"/> CSS #my-img:hover { content: url('http://dummyimage.com/100x100/eb00eb/fff'); } jsFiddle 어떤 도움을 주시면 감사하겠습니다. 최신 정보: 이것은 Webkit / Google Chrome에서만 작동합니다.

117 html  css 

콘솔 (chrome \ firefox)을 열고 다음 줄을 실행했습니다. $("body").append("<div id=\"popupFrame\" style=\"width:100%;height:100%;background-color:black;opacity:0.5;position:absolute;top:0;left:0;z-index:1;\" />"); $("body").append("<div id=\"popupContent\" style=\"width:200px;height:200px;z-index:1000;background-color:white;\" >dasdasdsadasdasdasdasdasd</div>"); #popupContent는 무엇보다 중요해야하지만 #popupFrame 불투명도의 영향을받습니다. 콘텐츠가 #popupFrame에 포함되어 있지 않아 매우 이상합니다. 목표는 경고 상자와 같은 firefox를 만드는 것입니다.

117 html  css 

div에 대한 특정 스타일 시트가 있습니다. 이제 js를 사용하여 div의 하나의 속성을 동적으로 수정하고 싶습니다. 내가 어떻게 해? document.getElementById("xyz").style.padding-top = "10px"; 이 올바른지?

117 javascript  html  css 

CSS 규칙 조합을 사용하여 오버플로 할 때 (부모 경계를 벗어날 때) 줄임표 (...)로 텍스트를 끝낼 수 있다는 것을 알고 있습니다. 같은 효과를내는 것이 가능하지만 (아니오라고 말 하셔도됩니다) 텍스트가 한 줄 이상으로 줄 바꿈되도록 할 수 있습니까? 여기에 데모가 있습니다. div { width: 300px; height: 42px; overflow: hidden; text-overflow: ellipsis; white-space: …

117 html  css 

비동기 요청이 실행 중임을 나타내는 이미지를 표시하는 방법이 궁금합니다. 다음 코드를 사용하여 비동기 요청을 수행합니다. $.ajax({ url: uri, cache: false, success: function(html){ $('.info').append(html); } }); 어떤 아이디어?

116 javascript  jquery  css 

내 컨테이너 div가 자식 높이의 최대 높이를 얻길 원합니다. 아이 div의 키가 얼마인지 모른 채 . 나는 JSFiddle 에서 시도하고 있었다 . 컨테이너 div가 빨간색입니다. 표시되지 않습니다. 왜?

116 css  css-float  liquid-layout 

CSS에! = (같지 않음)과 같은 것이 있습니까? 예를 들어, 다음 코드가 있습니다. input { ... ... } 그러나 일부 입력의 경우 이것을 무효화해야합니다. 입력 태그에 "reset"클래스를 추가하여이를 수행하고 싶습니다. <input class="reset" ... /> 그런 다음 CSS에서이 태그를 건너 뜁니다. 어떻게 할 수 있습니까? 내가 볼 수있는 유일한 방법은 입력 태그에 …

116 html  css  css-selectors 

브라우저 (Firefox, Chrome ...)에서 모든 외부 CSS를 비활성화 할 수있는 방법이 있습니까? 느린 인터넷 연결을 사용하는 경우 CSS 정보없이 브라우저에서 베어 HTML 만로드하는 경우가 있습니다. 페이지가 화면에 그대로 놓인 것 같습니다. StackOverflow에서도 이것을 눈치 채 셨을 것입니다. CSS 파일이로드되지 않은 경우에도 내 웹 페이지가 정상적으로 표시되는지 확인하고 싶습니다. 외부 CSS를 …

116 html  css  browser 

내 Google지도의 스타일을 지정하려고 InfoWindow했지만이 주제에 대한 문서는 매우 제한적입니다. 스타일링은 InfoWindow어떻게하나요?

116 css  google-maps 

임의의 선택자와 일치하는 (또는 일치하지 않는) 모든 n 번째 자식을 선택하는 방법이 있습니까? 예를 들어, 모든 홀수 테이블 행을 선택하려고하지만 행의 하위 집합 내에서 다음을 수행합니다. table.myClass tr.row:nth-child(odd) { ... } <table class="myClass"> <tr> <td>Row <tr class="row"> <!-- I want this --> <td>Row <tr class="row"> <td>Row <tr class="row"> <!-- And …

116 css  css-selectors 

페이지 중앙에 일부 Lipsum 콘텐츠가있는 간단한 웹 페이지가 있습니다. 이 페이지는 Chrome 및 Firefox에서 제대로 작동합니다. 창 크기를 줄이면 콘텐츠가 창을 채울 수 없을 때까지 창을 채운 다음 스크롤 막대를 추가하고 화면에서 아래쪽으로 콘텐츠를 채 웁니다. 그러나 페이지는 IE11에서 중앙에 있지 않습니다. 본문을 구부리면 페이지가 IE의 중앙에 오도록 할 수 …

116 internet-explorer  css  flexbox  internet-explorer-11 

JavaScript를 사용하여 HTML 요소의 CSS 배경색을 어떻게 설정할 수 있습니까?

116 javascript  css  background-color 

Modal절대 위치에 있고 부모 위에 Z- 인덱싱되고 JQuery로 멋지게 배치 된 CSS 클래스 가 있습니다. 모달 상자 상단에 캐럿 이미지 (^)를 추가하고 :beforeCSS 의사 선택기를 사용하여 깔끔하게 수행하는 방법을 살펴 보았습니다. 이미지는 절대 위치에 있어야하고 모달 위에 Z- 인덱싱되어야하지만 content속성 의 이미지에 적절한 클래스를 추가 할 방법을 찾지 못했습니다 . …

116 css  modal-dialog  pseudo-element