채택완료

크롬에서는 그라디언트가 출력이 되는데 똥스플로러에서는 안나와요 ㅠㅠ

2015-12-25 (금) 12:28:08 9,567

안녕하세요 .. 오늘도 뇌에 과부하가 걸릴거같은.. 늘 질문만 하는.. 염치없는 사람입니다.. ㅠㅠ

다름이 아니고 이번엔 CSS에서 그라디언트를 백그라운드에 주면 크롬에서는 잘 뿌려주면서

똥스플로러는 안나오네요..

영카트 농산테마인데요. ㅜㅜ 흑흑.. 코드 뭐가 잘못되었나요... ㅠㅠ

Copy
background-image: -webkit-gradient(    linear,    left bottom,    left top,    color-stop(0.48, rgb(24,96,215)),    color-stop(0.74, rgb(34,113,242)),    color-stop(0.87, rgb(62,134,253))
 

답변 1개 / 댓글 1개

채택된 답변
+20 포인트

일단은 배경색상을 적용하는데

background-image: 라고 하셨는데요. 이것은 배경 이미지를 지정할때 사용하는 것이므로

배경색상을 적용하려고 한다면

background: 라고 하거나, background-color: 라고 해주셔야 할것 같구요.

익슬로러는 접두어(prefix)로 -webkit- 대신에 -ms- 를 사용합니다.

-webkit- 이라는 prefix는 구글크롬과 사파리 웹 브라우저에서 사용하는 것이구요.

하위버전의 IE는 필터(filter) 기능을 이용해서 그라디언트를 지원하고 있습니다.

다양한 브라우저에 동시에 그라디언트 관련 스타일을 적용하실때는

http://www.colorzilla.com/gradient-editor/

위의 사이트를 이용하시면 편리할 겁니다.

개인적으로 IE를 최고의 웹브라우저라고 생각하지는 않지만 그렇다고 해서

똥스플로러(?)는 너무 비약이 아닐까 싶네요.

관련 내용을 자세히 할게 되면 크게 문제될것은 없고, 어파치 웹표준이 사용되기 전 하위버전들에서 발생하는 문제이기에....

답변에 대한 댓글 1개

정말 감사합니다! 덕분에 해결했습니다!
혹시 colorzilla같은 사이트가 더 있었던거 같은데...
미리보기이미지 제작해주는것도 있엇고....

똥스플로러라는 말이 과장이 심한건 저도 압니다 ㅠㅠ
국내에서도 사용자가 가장 많은 웹브라우저이기도 하지만
요노무 IE는 다른 웹브라우저는 코드가 잘 출력이 되는데 자꾸 혼자서만 엇나가고 ㅠㅠ
IE때문에 죽을거같아요 ㅠㅠ 안그래도 IE6,7,8도 생각하면서 작업한다는게... 어후...
8까지는 이해가 되는데, IE6랑 IE7는 아직도 사용자가 있다는게 심쿵..

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