코딩하다 현타올 때

질문 : 동일한 요소에서 배경 이미지와 CSS3 그라디언트를 결합하려면 어떻게해야합니까? background-color CSS3 그라디언트를 사용한 다음 background-image 를 적용하여 일종의 밝고 투명한 텍스처를 적용하려면 어떻게해야합니까? 답변 여러 배경! body { background: #eb01a5; background-image: url("IMAGE_URL"); /* fallback */ background-image: url("IMAGE_URL"), linear-gradient(#eb01a5, #d13531); /* W3C */ } 이 두 줄은 그래디언트를 수행하지 않는 모든 브라우저를 대체합니다. 아래의 IE

질문 : 배경 이미지에 CSS 필터를 적용하는 방법 검색 페이지의 배경 이미지로 사용중인 JPEG 파일이 있으며 Backbone.js 컨텍스트 내에서 작업하기 때문에 CSS를 사용하여 설정하고 있습니다. background-image: url("whatever.jpg"); CSS 3 흐림 필터 를 배경에만 적용하고 싶지만 해당 요소 하나만 스타일을 지정하는 방법을 잘 모르겠습니다. 내가 시도하면 : -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); background-image 바로 아래에서 배경이 아닌 전체 페이지의 스타일을 지정합니다. 이미지 만 ..

질문 : 배경 이미지 데이터를 CSS에 Base64로 삽입하는 것이 좋거나 나쁜 습관입니까? greasemonkey 사용자 스크립트의 소스를보고 있었고 CSS에서 다음을 발견했습니다. .even { background: #fff url(data:image/gif;base64,R0lGODlhBgASALMAAOfn5+rq6uvr6+zs7O7u7vHx8fPz8/b29vj4+P39/f///wAAAAAAAAAAAAAAAAAAACwAAAAABgASAAAIMAAVCBxIsKDBgwgTDkzAsKGAhxARSJx4oKJFAxgzFtjIkYDHjwNCigxAsiSAkygDAgA7) repeat-x bottom} greasemonkey 스크립트는 서버에서 호스트하는 것과는 반대로 소스 내에서 할 수있는 모든 것을 번들로 ..

질문 : IMG와 CSS 배경 이미지는 언제 사용합니까? background-image IMG 태그를 사용하여 이미지를 표시하는 것이 더 적합한 상황은 무엇입니까? 요인에는 접근성, 브라우저 지원, 동적 콘텐츠 또는 모든 종류의 기술적 제한 또는 사용성 원칙이 포함될 수 있습니다. 답변 IMG의 적절한 사용 다른 사용자가 페이지를 인쇄하도록 하려면 IMG를 사용하십시오. 이미지가 기본적으로 포함되도록 하려면 IMG를 사용하십시오.—JayTee 이미지에 경고 아이콘과 같은 중요한 의미 의미가 있는 경우 IMG(Alt 텍스트 포함)를 사용합니다. 이렇게 하면 화면 판독기를 포함한 모든 사용자 에이전트에서 이미지의 의미가 전달될 수 있습니다. CSS background-image 사용 시기 이미지가 로고, 다..