윈도우 10에서 버튼이 제대로 안나옵니다 채택완료
거너비ok
8년 전
조회 3,995
그누 퍼블리셔 팁에서 보았던 링크인데요
http://livetools.uiparade.com/button-builder.html#" target="_self">http://livetools.uiparade.com/button-builder.html#
여기서 버튼을 적용했는데
윈도우 10에서는 버튼이 정상적으로 안나오네요?
이 버튼싸이트는 적용하면 안되는건가요?
정상적인거 
윈도우 10일경우
제가 윈도우10이 아니라서 테스트가 어려운데
</p><p><span style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);">.button {</span><br style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"><span style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"> border: 1px solid #0a3c59;</span><br style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"><span style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"> background: #3e779d;</span><br style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"><span style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"> background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));</span><br style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"><span style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"> background: -webkit-linear-gradient(top, #65a9d7, #3e779d);</span><br style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"><span style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"> background: -moz-linear-gradient(top, #65a9d7, #3e779d);</span><br style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"><span style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"> background: -ms-linear-gradient(top, #65a9d7, #3e779d);</span><br style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"><span style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"> background: -o-linear-gradient(top, #65a9d7, #3e779d);</span><br style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"><span style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"> background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);</span><br style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"><span style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"> padding: 10.5px 21px;</span><br style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"><span style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"> -webkit-border-radius: 6px;</span><br style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"><span style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"> -moz-border-radius: 6px;</span><br style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"><span style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"> border-radius: 6px;</span><br style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"><span style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"> -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;</span><br style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"><span style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"> -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;</span><br style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"><span style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"> box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;</span><br style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"><span style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"> text-shadow: #7ea4bd 0 1px 0;</span><br style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"><span style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"> color: #06426c;</span><br style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"><span style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"> font-size: 14px;</span><br style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"><span style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"> font-family: helvetica, serif;</span><br style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"><span style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"> text-decoration: none;</span><br style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"><span style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"> vertical-align: middle;</span><br style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"><span style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"> }</span><br style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"><span style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);">.button:hover {</span><br style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"><span style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"> border: 1px solid #0a3c59;</span><br style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"><span style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"> text-shadow: #1e4158 0 1px 0;</span><br style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"><span style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"> background: #3e779d;</span><br style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"><span style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"> background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));</span><br style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"><span style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"> background: -webkit-linear-gradient(top, #65a9d7, #3e779d);</span><br style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"><span style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"> background: -moz-linear-gradient(top, #65a9d7, #3e779d);</span><br style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"><span style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"> background: -ms-linear-gradient(top, #65a9d7, #3e779d);</span><br style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"><span style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"> background: -o-linear-gradient(top, #65a9d7, #3e779d);</span><br style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"><span style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"> background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);</span><br style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"><span style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"> color: #fff;</span><br style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"><span style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"> }</span><br style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"><span style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);">.button:active {</span><br style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"><span style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"> text-shadow: #1e4158 0 1px 0;</span><br style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"><span style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"> border: 1px solid #0a3c59;</span><br style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"><span style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"> background: #65a9d7;</span><br style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"><span style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"> background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#3e779d));</span><br style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"><span style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"> background: -webkit-linear-gradient(top, #3e779d, #65a9d7);</span><br style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"><span style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"> background: -moz-linear-gradient(top, #3e779d, #65a9d7);</span><br style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"><span style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"> background: -ms-linear-gradient(top, #3e779d, #65a9d7);</span><br style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"><span style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"> background: -o-linear-gradient(top, #3e779d, #65a9d7);</span><br style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"><span style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"> background-image: -ms-linear-gradient(top, #3e779d 0%, #65a9d7 100%);</span><br style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"><span style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"> color: #fff;</span><br style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"><span style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);"> }</span> </p><p><span style="color: rgb(34, 34, 34); font-family: Monaco, monospace; font-size: 16px; background-color: rgb(255, 255, 255);">
무엇때문에 효과가 안나타나는걸까여?
다른 혹시 최신윈도우 상관없이 나오는 싸이트 괜찮은건 없을까요??
댓글을 작성하려면 로그인이 필요합니다.
답변 5개
채택된 답변
+20 포인트
8년 전
IE버전 11인데 잘나옵니다.?
버튼
https://dabuttonfactory.com/examples">https://dabuttonfactory.com/examples
이곳도있습니다.
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
8년 전
background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#3e779d));
top이 아니라 to라고 되어있는거같네요. 일단 오류 1개 발견요 ㅎ
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
8년 전
IE도 버전별로 다양하게 있습니다.
윈도우 10이면 IE 버전이 11일텐데요
저는 잘나옵니다.
버전확인은 여기서
P.S 버튼이 이상하게 나온다는 사이트는 위링크가 아닌 질문하신분의 사이트 일텐데요
사이트 링크는 다른 css가 없기에 잘나올꺼고 님사이트는 다른 CSS와의 중복이나 겹침문제로
틀리게 보여질수 있습니다.
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
거너비ok
8년 전
댓글을 작성하려면 로그인이 필요합니다.
8년 전
이런식의 컴퓨터라고 해야되나요?
물론 크롬은 잘나오고요
그림에서 맨 오른쪽 익스플로어인데
다 최신컴퓨터고요
제가 2개를 확인했는데 다 회색으로 나오고
인터넷에 물어봐도
사람들이 회색으로 보인다해서여
잘보이는 사람도 있지만여
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
뭔가 겹쳐진건가....