2013-12-08 3 views
0

Моего текущим КССЦентрирования фонового изображения с градиентом инлайн

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

Боюсь, я просто ответил на свой вопрос. Решение было url(http://i.imgur.com/HS5coix.jpg)50%;. Извините за неудобства и спасибо за всю помощь!