그래디언트 이미지를 만드는 가장 좋은 방법은 너비를 1로 설정하고 반복하도록하는 것이지만 높이는 무엇인지 혼란 스럽습니다.CSS 그래디언트 이미지 크기?
뷰어가 거대한 모니터 나 TV 화면 등에있을 경우 정말 커야합니까? 1x10처럼 정상적으로 보일 수있는 방법이 있습니까?
또한 CSS3를 사용하지 않고 둥근 모서리를 사용하면 이미지를 사용하는 것이 유체 레이아웃에서 가능합니까?
내가 말하는 그라데이션의 특징을 강조합니다. this은 Teamliquid.net에서 사용되는 배경 그래디언트입니다. 높이가 33px이지만 Y 축에서 반복되는 것을 알 수는 없지만 ...?
네비게이션 높이가 33px이므로 그래디언트 높이가 33px입니다. 세로 그라디언트가있는 경우 가로로 반복해야한다는 의미이며 1px의 너비와 원하는 높이의 높이가 필요합니다.
와우. 난 멍청이야. 유체 레이아웃이 높이를 조정했다고 생각했습니다. 어머나 – Depetrify
이 효과를 위해 CSS3을 사용하는 것이 좋습니다. 몇 가지 훌륭한 발전기가 있습니다. 나는 몇몇 웹 디자인을하고 CSS 그래디언트 만 사용한다. 또한 이미지를 사용하는 경우 서버에서 처리해야하는 HTTP 요청이 하나 더 있습니다.
http://www.colorzilla.com/gradient-editor/
편집 : 은 여기뿐만 아니라 둥근 모서리하는 일입니다.
http://www.cssportal.com/css3-rounded-corner/
그들은 유체 레이아웃에 큰 작동합니다.
이것이 이미지 파일이 작은 이유입니다. 그리고 작은 이미지에 대한 서버에 대한 요청이 하나 더 있으면 성능에 차이가 나는 경우 다른 장소에서 더 큰 문제가 발생합니다. CSS3 그라디언트는 매우 멋지며 좋아합니다. 유일한 문제는 크로스 브라우저 구현입니다. –
이것은 사실이며 대상 잠재 고객을 파악하는 데 실제로 도움이됩니다. 대부분의 최신 브라우저는이를 지원하고 그렇지 않은 브라우저는 단순히 단색을 얻습니다. 나는 그것이 나쁜 거래라고 생각하지 않는다. 그래도 주제에 대한 다른 사람들의 의견을 듣기 좋다. – EGHDK
트레이드 오프가 크지 않아서 개인적으로 구형 브라우저의 대체 기술과 함께 매우 광범위한 css3을 사용합니다. 그러나 질문의 저자의 경험 수준을 볼 때 가능한 한 쉽게 가능한 솔루션을 유지하는 것이 좋습니다. –
어쨌든 여기서 "정말로 큼"은 256 픽셀을 의미합니다. 사실상의 컬러 표준은 채널 당 256 개 값이므로 256 픽셀보다 큰 그래디언트 이미지를 만들면 일부 픽셀이 복제됩니다. 256이면 충분합니다. 세밀한 세분성을 얻을 수는 없습니다. –