CSS Background все еще повторяется

Хорошо, я немного разочарован этим вопросом, который у меня есть.CSS Background все еще повторяется

платформа - WordPress

<style type="text/css"> 
body { 
background: url(<?php echo $src[0]; ?>) !important; 
background-width: 100%; 
background-repeat: no-repeat; 
background-attachment: fixed; 
} 
</style>

У меня возникли вопросы, получить предысторию размере до 100% от ширины страницы, так что она будет отображаться на обеих сторонах страницы, и получить его фиксированной и остановить повторяющееся.

http://i.stack.imgur.com/XJPOA.png

Пример ниже показывает фон, в верхней части вы можете увидеть, что если я уменьшить это все еще повторять, и если я должен был прокрутить дальше вниз этой страницы он все еще повторяет, а также изображения не 100% в ширину.

PHP, включенный в background: url(<?php echo $src[0]; ?>) !important;, можно найти ниже.

<?php 
$src = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), array(5600,1000), false, ''); 
?>

источник

2015-04-02 Lee

Где ваш 'фон-position' правило? –

@ Mike'Pomax'Kamermans Я не совсем уверен, что это правильно или нет, но я считаю, что если я загружаю изображение с помощью css, я могу использовать «background-attachment: fixed; '' и он имеет тот же эффект, исправьте меня, если я ошибаюсь, пожалуйста. – Lee

'background-attachment: fixed' только делает фон не зависимым от области просмотра, поэтому прокрутка содержимого страницы не прокручивает фоновое изображение. –

Пробовали ли вы этот

<style type="text/css"> 
body 
{ 
    background: url(<?php echo $src[0]; ?>) no-repeat center top; 
    background-width: 100%; 
    background-attachment: fixed; 
} 
</style>

источник

2015-04-02 03:51:00

Спасибо Saagar, что вы только что решили мою проблему. – Lee

Попробуйте применить эти CSS в файле CSS, он должен работать

body{ 
     position:relative; 
     float: left; 
     width: 100%; 
     overflow: hidden; 
     background-attachment: fixed; 
     -webkit-background-size: cover; 
     -moz-background-size: cover; 
     -o-background-size: cover; 
     background-size: cover; 
     background-repeat: no-repeat; 
     background-position: center center; 
     background-color: #F6E3CE; 
     // or background-image: url(your image); 


}

источник

2015-04-02 03:51:39 anson920520

CSS Background все еще повторяется

ответ

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