«css» 태그된 질문

На этот вопрос есть ответы на 스택 오버플로 на русском : Прозрачный текст вырезан из фона CSS를 사용하여 다음 이미지와 같은 배경 효과 에서 투명한 텍스트를 잘라내 는 방법이 있습니까? 이미지가 텍스트를 대체하기 때문에 귀중한 SEO를 모두 잃는 것은 슬픈 일입니다. 처음에는 그림자를 생각했는데 아무것도 알아낼 수가 없어 ... 이미지는 …

92 css  svg  fonts  css-shapes 

: after 의사 요소를 사용하여 상당히 정교한 DOM 요소를 만들었으며 Chrome Inspector 나 Firebug 또는 이와 동등한 요소에서 검사하고 조정할 수 있기를 원합니다. 이 기능 이이 WebKit / Safari 블로그 게시물 (2010 년) 에 언급 되었음에도 불구하고 Chrome 또는 Safari에서이 기능을 전혀 찾을 수 없습니다. Chrome에는 적어도 : hover, : …

92 css  firefox  google-chrome  firebug  google-chrome-devtools 

글꼴 멋진 아이콘을 45 도씩 정적으로 회전하고 싶습니다. 사이트에 다음과 같이 나와 있습니다. 아이콘을 임의로 회전하고 뒤집으려면 fa-rotate- * 및 fa-flip- * 클래스를 사용하십시오. 그러나 <i class="fa fa-link fa-rotate-45" style="font-size:1.5em"></i> 교체 반면, 작동하지 않습니다 fa-rotate-45와 함께 fa-rotate-90한다. 이것은 실제로 그들이 임의로 회전 할 수 없다는 것을 의미합니까?

92 css  rotation  font-awesome 

웹 응용 프로그램을 개발 중이며 고유 한 스타일을 적용하기 위해 Microsoft Edge의 브라우저를 다른 브라우저와 별도로 식별해야합니다. CSS를 사용하여 Edge를 식별하는 방법이 있습니까? 처럼, <!--[if IE 11]> Special instructions for IE 11 here <![endif]-->

92 css  browser  microsoft-edge 

비어 있지 않은 속성에 적용되는 CSS 선택기가 있습니까? :not([Data-Attribute=''])속성이 존재하지 않는 경우에도 일치를 사용 합니다. 나는 같은 것을 찾고 있어요 [Data-Attribute!=''].

92 css  css-selectors 

완료 후 CSS 애니메이션 속성을 유지하려고합니다. 가능합니까? 이것이 제가 이루고자하는 것입니다 ... 요소는 사용자가 페이지에 도착했을 때 숨겨져 야하며, 3 초 (또는 기타) 후에 페이드 인되어야하며 애니메이션이 완료되면 그대로 유지되어야합니다. 여기 바이올린 시도가 있습니다 ... http://jsfiddle.net/GZx6F/ 다음은 보존을위한 코드입니다 ... <h2>Test</h2> <style> @keyframes fadeIn { 0% { opacity: 0; } …

92 css  css-animations 

아래 이미지와 같이 한쪽 (예 : 아래쪽) 에만 기울어 진 가장자리 를 사용하고 다른 가장자리는 똑바로 유지 하는 모양을 만들려고합니다 . 테두리 방법 (코드는 아래에 나와 있음)을 사용해 보았지만 모양의 치수가 동적이므로이 방법을 사용할 수 없습니다. .shape { position: relative; height: 100px; width: 200px; background: tomato; } .shape:after { position: …

92 html  css  responsive-design  css-shapes 

내 태그에서 특정 요소의 배경으로 동적 텍스트를 사용하고 싶습니다. 이 때문에 이미지 (동적 텍스트)를 사용할 수 있습니다. CSS 또는 JavaScript만으로 어떻게 수행합니까?

92 html  css  background 

다음 마크 업을 사용하여 CSS 선택기가 각 옵션 div 내에서 첫 번째 선택 메뉴를 제외하고 모두 선택하기를 원합니다. <div class="options"> <div class="opt1"> <select title="Please choose Warranty"> <option value="">Select Waranty</option> <option value="1">1 year guarantee</option> <option value="2">3 year guarantee</option> </select> </div> <div class="opt2"> <select title="Please choose Color"> <option value="">Select Color</option> <option value="1">Red</option> …

92 html  css  css-selectors 

div 요소 인 버튼이 있는데 사용자가 키보드의 탭 키를 누르고 그 사이를 이동할 수 있도록 만들고 싶습니다. 앵커 태그로 텍스트를 래핑하려고 시도했지만 작동하지 않는 것 같습니다. 누구에게 해결책이 있습니까?

92 html  css  xhtml 

질문이 있습니다. 다음과 같은 요소가 있습니다. <a> id = someGenerated Some : Same : 0 : name 인 요소 <a> id = someGenerated Some : Same : 0 : surname 인 요소 <a> id = someGenerated Some : Same : 1 : name 인 요소 <a> id = someGenerated Some …

92 css  css-selectors  webdriver 

내 사이트에서 렌더링을 차단하는 2 개의 CSS 파일을 제거하려고합니다.이 파일은 Google Page Speed ​​Insights에 표시됩니다. 나는 다른 방법을 따랐지만 어느 것도 성공하지 못했습니다. 하지만 최근에 Thinking Async 에 대한 게시물을 찾았고이 코드를 적용했을 때 <script async src="https://third-party.com/resource.js"></script>문제가 해결되었습니다. 그러나 게시 후 페이지의 스타일이 손실되었습니다. 코드가 작동하기 때문에 무슨 일이 일어나고 …

92 html  css  asynchronous 

css-in-js 메서드를 사용하여 반응 구성 요소에 클래스를 추가하는 경우 여러 구성 요소를 추가하려면 어떻게해야합니까? 다음은 클래스 변수입니다. const styles = theme => ({ container: { display: 'flex', flexWrap: 'wrap' }, spacious: { padding: 10 }, }); 사용 방법은 다음과 같습니다. return ( <div className={ this.props.classes.container }> 위는 작동하지만 classNamesnpm 패키지 …

92 css  reactjs  material-design  material-ui  jss 

Jenkins HTML Publisher 플러그인에 이상한 문제가 있는데, Jenkins에서 볼 때 보고서에 추가 한 모든 멋진 CSS가 제거됩니다. 보고서를 로컬로 다운로드하면 CSS 형식을 볼 수 있습니다. Jenkins에 CSS를 볼 수있는 설정이 있습니까? Jenkins의 내 HTML 게시자 설정 : Jenkins에 표시 될 때 내 보고서 페이지 : 로컬에 표시 될 때 내 …

92 html  css  jenkins  jenkins-plugins 

:targetpsuedoclass 를 사용하는 다른 사람의 코드를 기반으로하는 순수한 CSS 축소 가능 div가 있습니다. 내가 설정하려는 것은 12 개 이상의 질문이있는 페이지이며 + 버튼을 클릭하면 답변 div가 아래로 확장됩니다. 많은 추가 CSS를 작성하지 않고이 페이지에서 여러 축소 div 요소를 만드는 방법을 알 수 없습니다. 누구든지 이것을 작성하는 방법에 대한 제안이 있으므로 …

92 css  collapsable