CSS 선형 그라디언트가 어떤 브라우저에서도 작동하지 않습니다.

<!doctye html> 

<html> 
    <head> 
     <style> 
     body{ 
      width:500px; 
      height:500px; 
      background:linear-gradient(top,#f7fob7 0% ,#b57c12 100%); 
      background:-webkit-linear-gradient(top,#f7fob7 0% ,#b57c12 100%); 
      background:-moz-linear-gradient(top,#f7fob7 0%,#b57c12 100%); 
      margin:0 auto; 
      margin-top:10px; 

     } 
     </style> 
     <title> 
     Title 
     </title> 
    </head> 

    <body> 
    <p> 

    CSS gradients are new types of <image> added in the CSS3 Image Module. 
    </p> 

    </body> 

</html>

그라데이션은 변경되지 않지만 배경색은 작동하지만 그라데이션은 작동하지 않습니다. Chorme에서 테스트하여 파이어 폭스가 잘못된 것을 도울 수 있습니다.CSS 선형 그라디언트가 어떤 브라우저에서도 작동하지 않습니다.

출처

2014-12-11 Zu007

# ','#의 f7f0b7'되어야 ** 'O'** -> ** 0 ** –

16 진수 색상 코드 오류입니다. #f7fob7 (글자 o)을 #f7f0b7 (영)으로 변경하십시오. 이것이 유효한 색상 값이 아닌 f7fob7`

.a { 
 
    background: -moz-linear-gradient(top, #f7f0b7 0, #b57c12 100%);/* FF3.6+ */ 
 
background: -webkit-gradient(linear, top, color-stop(0, f7f0b7), color-stop(100%, b57c12));/* Chrome,Safari4+ */ 
 
background: -webkit-linear-gradient(top, #f7f0b7 0, #b57c12 100%);/* Chrome10+,Safari5.1+ */ 
 
background: -o-linear-gradient(top, #f7f0b7 0, #b57c12 100%);/* Opera 11.10+ */ 
 
background: -ms-linear-gradient(top, #f7f0b7 0, #b57c12 100%);/* IE10+ */ 
 
background: linear-gradient(top, #f7f0b7 0, #b57c12 100%);/* W3C */ 
 
    }

<div class="a"> 
 
    Some text here 
 
    </div>

출처

2014-12-11 07:19:22 Justinas

CSS 선형 그라디언트가 어떤 브라우저에서도 작동하지 않습니다.

답변

관련 문제