그누 퍼블리셔 팁에서 보았던 링크인데요
http://livetools.uiparade.com/button-builder.html#
여기서 버튼을 적용했는데
윈도우 10에서는 버튼이 정상적으로 안나오네요?
이 버튼싸이트는 적용하면 안되는건가요?
정상적인거 
윈도우 10일경우
제가 윈도우10이 아니라서 테스트가 어려운데
Copy
.button { border: 1px solid #0a3c59; background: #3e779d; background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d)); background: -webkit-linear-gradient(top, #65a9d7, #3e779d); background: -moz-linear-gradient(top, #65a9d7, #3e779d); background: -ms-linear-gradient(top, #65a9d7, #3e779d); background: -o-linear-gradient(top, #65a9d7, #3e779d); background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%); padding: 10.5px 21px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0; -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0; box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0; text-shadow: #7ea4bd 0 1px 0; color: #06426c; font-size: 14px; font-family: helvetica, serif; text-decoration: none; vertical-align: middle; }.button:hover { border: 1px solid #0a3c59; text-shadow: #1e4158 0 1px 0; background: #3e779d; background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d)); background: -webkit-linear-gradient(top, #65a9d7, #3e779d); background: -moz-linear-gradient(top, #65a9d7, #3e779d); background: -ms-linear-gradient(top, #65a9d7, #3e779d); background: -o-linear-gradient(top, #65a9d7, #3e779d); background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%); color: #fff; }.button:active { text-shadow: #1e4158 0 1px 0; border: 1px solid #0a3c59; background: #65a9d7; background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#3e779d)); background: -webkit-linear-gradient(top, #3e779d, #65a9d7); background: -moz-linear-gradient(top, #3e779d, #65a9d7); background: -ms-linear-gradient(top, #3e779d, #65a9d7); background: -o-linear-gradient(top, #3e779d, #65a9d7); background-image: -ms-linear-gradient(top, #3e779d 0%, #65a9d7 100%); color: #fff; }
무엇때문에 효과가 안나타나는걸까여?
다른 혹시 최신윈도우 상관없이 나오는 싸이트 괜찮은건 없을까요??
|
답변 5개 / 댓글 1개
채택된 답변
+20 포인트
IE도 버전별로 다양하게 있습니다.
윈도우 10이면 IE 버전이 11일텐데요
저는 잘나옵니다.
버전확인은 여기서
P.S 버튼이 이상하게 나온다는 사이트는 위링크가 아닌 질문하신분의 사이트 일텐데요
사이트 링크는 다른 css가 없기에 잘나올꺼고 님사이트는 다른 CSS와의 중복이나 겹침문제로
틀리게 보여질수 있습니다.
답변을 작성하려면 로그인이 필요합니다.
뭔가 겹쳐진건가....