2013-12-08 2 views
0

내 전류는 CSS그래디언트 인라인과 배경 이미지를 센터링

background: -moz-linear-gradient(top, rgba(47,163,216,0.85) 0%, rgba(47,163,216,0.85) 100%), 
url(http://i.imgur.com/HS5coix.jpg); /* FF3.6+ */ 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(47,163,216,0.85)), color-stop(100%,rgba(47,163,216,0.85))), 
url(http://i.imgur.com/HS5coix.jpg); /* Chrome,Safari4+ */ 
background: -webkit-linear-gradient(top, rgba(47,163,216,0.85) 0%,rgba(47,163,216,0.85) 100%), 
url(http://i.imgur.com/HS5coix.jpg); /* Chrome10+,Safari5.1+ */ 
background: -o-linear-gradient(top, rgba(47,163,216,0.85) 0%,rgba(47,163,216,0.85) 100%), 
url(http://i.imgur.com/HS5coix.jpg); /* Opera 11.10+ */ 
background: -ms-linear-gradient(top, rgba(47,163,216,0.85) 0%,rgba(47,163,216,0.85) 100%), 
url(http://i.imgur.com/HS5coix.jpg); /* IE10+ */ 
background: linear-gradient(to bottom, rgba(47,163,216,0.85) 0%,rgba(47,163,216,0.85) 100%), 
url(http://i.imgur.com/HS5coix.jpg); /* W3C */ 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d92fa3d8', endColorstr='#d92fa3d8',GradientType=0), 
url(http://i.imgur.com/HS5coix.jpg); /* IE6-9 */ 
background-position:center; 

문제는 background-position 센터에 배경 이미지 포맷되지 않는다는 것이다. 아마도 background: linear-gradient(to bottom, rgba(47,163,216,0.85) 0%,rgba(47,163,216,0.85) 100%), url(http://i.imgur.com/HS5coix.jpg) center;과 같은 것일까요? 도움을 받으실 수 있기를 바랍니다.

+0

나는 그것이 중심에있는 것처럼 보일 수있는 한, 당신이 실행중인 HTML을 제공 할 수있을 것입니다. 당신은 또한 배경 위치를 설정하려고 할 수 있습니다 : 50 %; 그게 수정되었는지 확인하십시오. – qrikko

답변

0

설정을 시도한 적이 있습니까 background-position: center center;? 이 솔루션은 여기에서 일했습니다 : Background Image won't center in IE 9

+0

불행히도 이것은 작동하지 않습니다. –

0

나는 내 자신의 질문에 답했습니다. 해결책은 url(http://i.imgur.com/HS5coix.jpg)50%;이었다. 불편을 끼쳐 드려 죄송합니다. 모든 도움을 주셔서 감사합니다.