css속성 background-size 답변부탁드립니다.
두온
안녕하세요. background-size 속성에대해 질문드립니다.
접속사이트 배경화면을 설정해야하는데
이미지 해상도는 2048 x1536 px이구요
원본은 아래이미지이구요 빨간부분이 보여져야하는부분입니다.사용자 해상도에따라 인터넷브라우저창에 딱 맞게 들어가게 설정해야하는데
background-size:cover;
background-size:contain;
background-size:100% 100%;
background-size:auto;
다 줘봐도 아래이미지처럼 브라우저창에 딱맞게 안나오더라구요..
자바 스크립트를 이용해야한다고 하던데 자바 스크립트에대한 지식이없어서..
CSS로는 전혀 불가능한건가요?
html{
background: #00140burl(../media/bg_bubbles.jpg) center center no-repeat fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
-webkit-touch-callout:none;
}
CSS에 이값을 넣어도 딱맞게 안되지던데..
아시는분..꼭 답변부탁드리겠습니다..
감사합니다.
-
아롱별 2024-02-07
스크립트말고 css랑 html도 넣으셔야죠 ; 소스보기해서 보시면되요 ~
-
푸헷 2024-02-07
body안에다가 사이트에적혀있는 소스를 넣는데 아무변화가없네요 ㅠㅠ
-
송아리 2024-02-07
가로만 100프로로 하는데도요? 이상하네ㅜㅜ
-
쥬디시어스 2024-02-07
100%로하면 잘리는게아니라 오히려 늘어지더라구여 ㅠㅠ
-
날개 2024-02-07
브라우저 크기에 따라 배경이 잘려도 되는거라면 그냥 body에 배경가로 100%하시면 될거같아요
-
중독적 2024-02-07
답변감사드립니다!^^
-
내꽃 2024-02-07
넓이 높이가 비율상관없이 무조건 다 보여야 한다는건가요?
html,body 높이 100%로 주고 body에 배경 100% 100%로 주면 되는거 같은데용
번호 | 제 목 | 글쓴이 | 날짜 |
---|---|---|---|
2655352 | 동영상 플래이어 (2) | 머슴밥 | 2024-05-19 |
2655320 | GList를 사용하는데 에러가 발생합니다. 도와주세요~~ | 찬늘봄 | 2024-05-18 |
2655291 | 자바 초보입문했는데요~~ | 이퓨리한나 | 2024-05-18 |
2655235 | xml연동 갤러리 생성관련 질문입니다. (2) | 난새 | 2024-05-18 |
2655205 | C++ 포인터 if | WatchOut | 2024-05-17 |
2655150 | 모바일 웹 환경을 구축을 할때의 콘텐츠 이미지 사이즈 (2) | 레오 | 2024-05-17 |
2655122 | 엥;; getMonth() 왜이렇게 나타나죠? (6) | 초코맛캔디 | 2024-05-17 |
2655095 | 구구단 질문이요 (3) | 하예진 | 2024-05-16 |
2655064 | RSA.js 파일 구할 수 있을가요.. 있으신분 첨부좀 해주세요.. | 얀 | 2024-05-16 |
2655009 | 유료테마 사려고 하는데 데모파일이 없다면 | 에드가 | 2024-05-16 |
2654980 | cximage를 통해 jpg파일을 받아와 윈도우에 뿌리는 프로그램을 만드는중인데 꼬였습니다. (4) | 하린 | 2024-05-15 |
2654922 | 고도몰 3차 4차 이상 카테고리 표출되게.. (7) | 유메 | 2024-05-15 |
2654874 | 제이쿼리랑 자바스크립트 학원 추천좀부탁드릴게요 (7) | 향율 | 2024-05-14 |
2654843 | 탭버튼 코딩시 마우스오버가 접근성에 왜 어긋나는지 궁금합니다... (1) | 걸때 | 2024-05-14 |
2654814 | 중국어 인코딩 관련해서 질문요,,, (5) | 화이트캣 | 2024-05-14 |
2654783 | 이 알고리즘 한줄한줄 해석좀 부탁드립니다. (1) | 요루 | 2024-05-14 |
2654764 | t 탭 질문이여. (3) | 눈 | 2024-05-13 |
2654737 | 크롬 인쇄하기 오류 (멈춤현상) | 아라 | 2024-05-13 |
2654708 | ie6에서 margin 문제 (5) | 너만 | 2024-05-13 |
2654681 | 아까 올렸던 질문의 액션코딩 (3) | 큰꽃들 | 2024-05-13 |