HTML의 그라디언트 배경 만들기

저는 html을 처음 사용하며 현재 단일 색상의 배경을 설정했습니다. 원하는 그라디언트 색상으로 배경을 변경하는 코드가 있지만 작동하도록 설정할 수 없습니다. 단수 컬러 배경을 만들기위한 내 코드의 일부는 다음과 같습니다 얻기 위해이 코드와 함께 연주 내가 시도HTML의 그라디언트 배경 만들기

background: linear-gradient(to bottom,#6e6e6e 0%,#313131100%);

: 내가 좋아하는 것

</head> 
<body>  
<!--Start of Product Banner--> 
<body style="background-color:#6e6e6e;"> 
<div class="row"> 
<div id="header_region"> 
<!--Start of Header Logo--> 
<div id="logo" class="two_thirds"> 
.....

그라디언트 색상 코드는 그것이로 변경 그것은 작동하지만 올바른 구문을 얻는 것처럼 보일 수 있습니다. 이 그라디언트를 구현하려면 어떻게해야합니까?

출처

2014-06-10 Ctech45

간단한 선형 그라데이션, 위쪽에서 body 태그에 대한 바닥 (#313131에 #6e6e6e)에 : 당신은 CSS3 here에서 그라디언트에 대한 자세한 정보와 예제를 찾을 수 있습니다

body { 
    background: -webkit-linear-gradient(#6e6e6e, #313131); /* For Safari 5.1 to 6.0 */ 
    background: -o-linear-gradient(#6e6e6e, #313131); /* For Opera 11.1 to 12.0 */ 
    background: -moz-linear-gradient(#6e6e6e, #313131); /* For Firefox 3.6 to 15 */ 
    background: linear-gradient(#6e6e6e, #313131); /* Standard syntax */ 
}

출처

2014-06-10 14:10:31

즉 당신의 웹 페이지? Firefox에서 좋게 보입니다. 너에게 효과가 있었 니? –

흥미 롭다. 파이어 폭스는 좋아 보이지만 크롬에는 문제가있다. 고맙습니다! – Ctech45

네, 천만에. –

-1

이 링크로 이동 http://www.colorzilla.com/gradient-editor/ Photoshop에서와 같이 색상을 추가 할 수 있으며 이전 버전의 브라우저로 이동할 때 그라디언트 코드가 생성되고 정상적으로 저하됩니다.

출처

2014-06-10 14:01:28 bilcker

단지 링크를 대답으로 게시하지 마십시오. 해당 사이트로 연결하려면 해당 상황에 대해 제공 할 코드를 포함 시키십시오. http://jsfiddle.net/HQJsC/ – MLeFevre

두 개의 <body> 태그가 있고 어린이가 CSS 스타일을 재정의하는 인라인 CSS를 가지고 있습니다. 문제를 해결하고 CSS를 본문에 적용하십시오.

body{ 
/* your code */ 
}

출처

2014-06-10 14:04:03 Miktown

HTML의 그라디언트 배경 만들기

답변

관련 문제