크롬에서는 그라디언트가 출력이 되는데 똥스플로러에서는 안나와요 ㅠㅠ
본문
안녕하세요 .. 오늘도 뇌에 과부하가 걸릴거같은.. 늘 질문만 하는.. 염치없는 사람입니다.. ㅠㅠ
다름이 아니고 이번엔 CSS에서 그라디언트를 백그라운드에 주면 크롬에서는 잘 뿌려주면서
똥스플로러는 안나오네요..
영카트 농산테마인데요. ㅜㅜ 흑흑.. 코드 뭐가 잘못되었나요... ㅠㅠ
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
일단은 배경색상을 적용하는데
background-image: 라고 하셨는데요. 이것은 배경 이미지를 지정할때 사용하는 것이므로
배경색상을 적용하려고 한다면
background: 라고 하거나, background-color: 라고 해주셔야 할것 같구요.
익슬로러는 접두어(prefix)로 -webkit- 대신에 -ms- 를 사용합니다.
-webkit- 이라는 prefix는 구글크롬과 사파리 웹 브라우저에서 사용하는 것이구요.
하위버전의 IE는 필터(filter) 기능을 이용해서 그라디언트를 지원하고 있습니다.
다양한 브라우저에 동시에 그라디언트 관련 스타일을 적용하실때는
http://www.colorzilla.com/gradient-editor/
위의 사이트를 이용하시면 편리할 겁니다.
개인적으로 IE를 최고의 웹브라우저라고 생각하지는 않지만 그렇다고 해서
똥스플로러(?)는 너무 비약이 아닐까 싶네요.
관련 내용을 자세히 할게 되면 크게 문제될것은 없고, 어파치 웹표준이 사용되기 전 하위버전들에서 발생하는 문제이기에....
정말 감사합니다! 덕분에 해결했습니다!
혹시 colorzilla같은 사이트가 더 있었던거 같은데...
미리보기이미지 제작해주는것도 있엇고....
똥스플로러라는 말이 과장이 심한건 저도 압니다 ㅠㅠ
국내에서도 사용자가 가장 많은 웹브라우저이기도 하지만
요노무 IE는 다른 웹브라우저는 코드가 잘 출력이 되는데 자꾸 혼자서만 엇나가고 ㅠㅠ
IE때문에 죽을거같아요 ㅠㅠ 안그래도 IE6,7,8도 생각하면서 작업한다는게... 어후...
8까지는 이해가 되는데, IE6랑 IE7는 아직도 사용자가 있다는게 심쿵..
