Как я могу увидеть полное изображение в фоновом режиме?

У меня есть этот сайт:Как я могу увидеть полное изображение в фоновом режиме?

На дне есть два изображения, к сожалению, эти изображения не могут быть видны полностью.

Вы можете открыть исходное изображение на новой вкладке, чтобы увидеть, как оно выглядит.

Для меня он видит около 90% изображения

КОД HTML:

<div class="entry-content" style="height: 391px;"> 
     <div class="sus"></div> 
     <div class="jos"></div> 
     <div class="jos2"></div> 
</div>

КОД CSS:

.sus{ 
    width:100%; 
    height: 60%; 
    position:absolute; 
    top:0; 
    background:url("http://bagel.dg-site.com/bagel/wp-content/uploads/2015/07/BANNER-300x215.png") no-repeat center center #B03D3D; 
    background-size:cover; 
} 

.jos{ 
    width: 50%; 
    height: 40%; 
    position:absolute; 
    bottom:0; 
    background:url("http://bagel.dg-site.com/bagel/wp-content/uploads/2015/07/NEWS2-300x246.png") no-repeat center center #B03D3D; 
    background-size: cover; 
} 

.jos2{ 
    width: 50%; 
    height: 40%; 
    position:absolute; 
    bottom:0; 
    right:0; 
    background:url("http://bagel.dg-site.com/bagel/wp-content/uploads/2015/07/NEWS1-300x246.png") no-repeat center center #B03D3D; 
    background-size: cover; 
}

Так я думал, что делать снимки ... вы скажите мне, пожалуйста, что не так, и как исправить ситуацию, чтобы изображение получилось полным?

Заранее благодарен!

источник

2015-08-03 cristi

я смотрю полное изображение !! Не уверен, что с тобой происходит !! –

Попробуйте 100% background-size как,

.jos{ 
    ... 
    background-size: 100% 100%; 
} 

.jos2{ 
    .... 
    background-size: 100% 100%; 
}

источник

2015-08-03 07:04:34

Чтобы увидеть полное изображение изменить CSS:

вместо background-size: cover; использования background-size: contain; тогда вы увидите ее полностью.

Проблема в том, что изображение имеет границы слева и справа.

источник

2015-08-03 07:00:51

и как снять этот бордюр? – cristi

Отредактируйте изображение и масштабируйте его, чтобы он соответствовал пропорциям вашего контейнера как можно ближе. –

background-size CSS свойство со значением cover не покажет вам полное изображение.

Увеличьте фоновое изображение настолько, насколько возможно, чтобы область фона была полностью покрыта фоновым изображением. Некоторые части фонового изображения может не быть в поле зрения в пределах фоновой позиционировании страноведческого источник: W3Schools

Так что, если вам нужно полное использование изображения

background-size:100% 100%;

Live Demo @ W3Schools: http://www.w3schools.com/cssref/playit.asp?filename=playcss_background-size&preval=cover

источник

2015-08-03 07:06:08 dreamweiver

Как я могу увидеть полное изображение в фоновом режиме?

ответ

Смежные вопросы