반응형

css 10

CSS 미디어 쿼리를 위한 IE8 지원

CSS 미디어 쿼리를 위한 IE8 지원 IE8은 다음 CSS 미디어 쿼리를 지원하지 않습니다. @import url("desktop.css") screen and (min-width: 768px); 그렇지 않다면 대체적인 글쓰기 방법은 무엇입니까?파이어폭스에서도 마찬가지로 잘 작동합니다. 아래 코드에 문제가 있습니까? @import url("desktop.css") screen; @import url("ipad.css") only screen and (device-width:768px); css3-mediaquery-js가 아마도 당신이 찾고 있는 것일 것입니다. 이 스크립트는 미디어 쿼리를 에뮬레이트합니다.그러나 (스크립트의 사이트에서) "그것은 작동하지 않습니다.@imported 스타일시트(성능상의 ..

programing 2023.10.25

DIV 블록이 콘텐츠가 없는 경우에도 페이지 하단으로 확장하도록 강제하려면 어떻게 해야 합니까?

DIV 블록이 콘텐츠가 없는 경우에도 페이지 하단으로 확장하도록 강제하려면 어떻게 해야 합니까? 아래에 표시된 마크업에서, 저는 콘텐츠 디브를 페이지 하단까지 확장하려고 노력하고 있지만, 디스플레이할 콘텐츠가 있는 경우에만 확장됩니다.표시할 콘텐츠가 없더라도 세로 테두리가 페이지 아래로 계속 표시되기 때문입니다. 데모는 다음과 같습니다. body { font-family: Trebuchet MS, Verdana, MS Sans Serif; font-size:0.9em; margin:0; padding:0; } div#header { width: 100%; height: 100px; } #header a { background-position: 100px 30px; background: transparen..

programing 2023.09.15

XPath로 CSS 클래스별로 요소를 찾으려면 어떻게 해야 합니까?

XPath로 CSS 클래스별로 요소를 찾으려면 어떻게 해야 합니까? 제 웹페이지에는div와 함께class이름 지어진Test. 어떻게 하면 찾을 수 있습니까?XPath?이 선택기는 작동해야 하지만 사용자에게 적합한 마크업으로 교체하면 더 효율적일 것입니다. //*[contains(@class, 'Test')] 아니면, 우리가 찾는 요소가div: //div[contains(@class, 'Test')] 하지만 이것은 또한 다음과 같은 경우와 일치하기 때문입니다.class="Testvalue"아니면class="newTest", @댓글에 제공되는 토말락 버전이 더 좋습니다. //div[contains(concat(' ', @class, ' '), ' Test ')] 정확하게 일치하는지 확인하려면 정규 공간 함수..

programing 2023.09.10

MVC4 StyleBundle이 이미지를 확인하지 않음

MVC4 StyleBundle이 이미지를 확인하지 않음 제 질문은 이것과 유사합니다. ASP.NET MVC 4 축소 및 배경 이미지 할 수만 있다면 MVC 자체 번들링을 고수하고 싶다는 것만 빼면요.독립 실행형 CSS와 jQuery UI 작업과 같은 이미지 세트와 같은 스타일 번들을 지정하는 데 올바른 패턴이 무엇인지 알아내려고 브레인 크래시를 겪고 있습니다. 있습니다./Content/css/에는 다과같은를나기의 CSS포함있과 나의 .styles.css에는 css 그더다같음은과있하다습니폴더도위에와 같은 하위 ./jquery-ui 파일과 CSS 이 포함되어 ./images폴더를 누릅니다.jQuery UI CSS의 이미지 경로는 해당 폴더와 관련이 있으며 이를 방해하고 싶지 않습니다. 내가 이해하기로는, 내..

programing 2023.08.31

텍스트 영역의 행 및 CSS의 콜 속성

텍스트 영역의 행 및 CSS의 콜 속성 설정하고 싶습니다.textarea의rows그리고.colsCSS를 통한 속성. CSS에서 어떻게 해야 합니까? 이는 다음과 같습니다. textarea { height: 4em; width: 50em; } 여기서 1em은 현재 글꼴 크기와 동일하므로 텍스트 영역을 50자 너비로 만듭니다.여기를 보세요.width그리고.heightCSS 경로를 갈 때 사용됩니다. 난 네가 할 수 있다고 생각하지 않아.저는 항상 높이와 너비에 맞춰 갑니다. textarea{ width:400px; height:100px; } CSS 방식으로 그것을 하는 것의 좋은 점은 당신이 그것을 완전히 스타일링 할 수 있다는 것입니다.이제 다음과 같은 기능을 추가할 수 있습니다. textarea{ wi..

programing 2023.08.26

HTML 단추의 전체 스타일 제거/제출

HTML 단추의 전체 스타일 제거/제출 Internet Explorer에서 단추 스타일을 완전히 제거하는 방법이 있습니까?저는 단추에 CSS 스프라이트를 사용하는데, 모든 것이 괜찮아 보입니다. 하지만 제가 버튼을 클릭했을 때, 그것은 약간 위로 이동하고, 그것은 모양이 안 좋아 보이게 합니다.CSS 클릭 상태 또는 마우스다운 상태가 있습니까?무엇이 그 상태를 유발하는지 모르겠습니다. 그게 정말 큰 문제가 아니라는 건 알지만, 가끔은 작은 것들이 중요합니다.저는 이것이 더 철저한 접근법을 제공한다고 생각합니다. button, input[type="submit"], input[type="reset"] { background: none; color: inherit; border: none; padding: ..

programing 2023.08.16

CSS 그리드 래핑

CSS 그리드 래핑 미디어 쿼리를 사용하지 않고 CSS 그리드 랩을 만들 수 있습니까? 제 경우, 그리드에 배치할 항목의 수가 결정적이지 않으므로 그리드를 랩으로 감아야 합니다.Flexbox를 사용하면 안정적으로 공간을 확보할 수 없습니다.저는 언론의 질문도 많이 피하고 싶습니다. 다음은 몇 가지 샘플 코드입니다. .grid { display: grid; grid-gap: 10px; grid-auto-flow: column; grid-template-columns: 186px 186px 186px 186px; } .grid > * { background-color: green; height: 200px; } 1 2 3 4 그리고 여기 GIF 이미지가 있습니다. 참고로, 만약 누군가가 제가 가지고 있는 것..

programing 2023.08.06

어떻게 CSS가 (자바스크립트가 아닌) 문자열로 시작하는 ID를 선택하도록 합니까?

어떻게 CSS가 (자바스크립트가 아닌) 문자열로 시작하는 ID를 선택하도록 합니까? HTML에 다음과 같은 요소가 있는 경우: id="product42" id="product43" ... "제품"으로 시작하는 ID를 모두 일치시키려면 어떻게 해야 합니까? 자바스크립트를 사용하여 정확하게 이것을 수행하는 답변을 보았습니다만, CSS로만 어떻게 해야 합니까?[id^=product] ^=를 나타냅니다.반대로.$="끝"을 나타냅니다. 기호는 실제로 Regex 구문에서 차용되었습니다.^그리고.$각각 "문자열의 시작"과 "문자열의 끝"을 의미합니다. 자세한 내용은 사양을 참조하십시오.저는 이렇게 할 것입니다. [id^="product"] { ... } 클래스를 사용하는 것이 좋습니다.클래스의 용도는 다음 목적입니다..

programing 2023.08.06

다중 글꼴 가중치, 하나의 @ 글꼴-면 쿼리

다중 글꼴 가중치, 하나의 @ 글꼴-면 쿼리 클라비카 글꼴을 가져와야 하는데 여러 모양과 크기로 받았습니다. Klavika-Bold-Italic.otf Klavika-Bold.otf Klavika-Light-Italic.otf Klavika-Light.otf Klavika-Medium-Italic.otf Klavika-Medium.otf Klavika-Regular-Italic.otf Klavika-Regular.otf 이제 하나만 가지고 그것들을 CSS로 가져오는 것이 가능한지 알고 싶습니다.@font-face- 쿼리, 여기서 정의하는 것은weight조회 중에쿼리를 8번 복사/붙여넣기하지 않습니다. 그래서 다음과 같은 것이 있습니다. @font-face { font-family: 'Klavika'; s..

programing 2023.08.01

링크에서 파란색 밑줄 제거

링크에서 파란색 밑줄 제거 흰색으로 밑줄 없이 링크를 표시하려고 합니다.텍스트 색상은 흰색으로 올바르게 표시되지만 파란색 밑줄은 계속 표시됩니다.나는 노력했다.text-decoration: none;그리고.text-decoration: none !important;CSS에서 링크 밑줄을 제거합니다.둘 다 효과가 없었습니다. .boxhead .otherPage { color: #FFFFFF; text-decoration: none; } Current Page Different Page 링크에서 파란색 밑줄을 제거하려면 어떻게 해야 합니까?지원하지 않습니다.text-decoration: none;닻까지(.boxhead a) 그러나 스팬 요소(.boxhead). 사용해 보십시오. .boxhead a { col..

programing 2023.06.17
반응형