테스트 사이트 - 개발 중인 베타 버전입니다
SIR
목록으로
이전글 다음글

css로백라운드 채택완료

그누보드초보이용자 6년 전 조회 2,096
답변 2
목록

백그라운드를 정확한게 7대3으로 할수잇을까요?

 

7은 검정색 3은 파랑색 이런식으로 브라우저 전체를기준으로 7:3으로하려는데 이게 어렵네요

이미지를 넣어서 만들려니까 7:3이안나오는거같구 

#css
댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
베원
베원
6년 전

css로 아래와 같이 넣어보세요.

background:linear-gradient(to right, rgba(0,0,0,1) 70%, rgba(0,0,255,1) 70%)

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

�
그누보드초보이용자
6년 전
감사합니다 혹시. 익스나 크롬이나 싸파리나 대부분 지원하나요?
�
베원
6년 전
아랫분이 남겨주신대로 -webkit-, -o-, -moz-를 붙여서 여러개를 써주시면 크로스브라우징 적용이 됩니다.

댓글을 작성하려면 로그인이 필요합니다.

아르키어드

윗분 답변에 크로스브라우징 질문하셔서 남깁니다..

근데 그라데이션이면.. 정확하게 구분되는게 아니라 서서히 바뀌어가는건데 맞나 싶네요..

/* For Safari 5.1 to 6.0 */

background: -webkit-linear-gradient(left, rgba(255,255,255,0) , rgba(255,255,255,0.5));

/* For Opera 11.1 to 12.0 */

background: -o-linear-gradient(right, rgba(255,255,255,0), rgba(255,255,255,0.5));

/* For Firefox 3.6 to 15 */

background: -moz-linear-gradient(right, rgba(255,255,255,0), rgba(255,255,255,0.5));

/* Standard syntax */

background: linear-gradient(to right, rgba(255,255,255,0) , rgba(255,255,255,0.5));

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

�
베원
6년 전
자세히 보시면 70%로 구분점을 두었습니다.
70% 경계로 검정과 파랑이 "완전히" 변합니다.

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인