Веб-мастеру uCoz

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Веб-мастеру uCoz » Помощь, вопросы по uCoz » [РЕШЕНО] Почему когда прокручиваешь вниз фон темнеет?


[РЕШЕНО] Почему когда прокручиваешь вниз фон темнеет?

Сообщений 1 страница 3 из 3

1

Почему когда прокручиваешь вниз фон темнеет?
Вот сайт  Ccылка

Строчка, прописанная на фон

Код:
background-image: url( /images/wood_grey.jpg );

Вот тут в ксс прописан код на фон:

Код:
	

/* --------------------------------------------- */

/* ---------- IMPORTANT LAYOUT STYLES ---------- */

/* --------------------------------------------- */




html {

	height: 100%;

}



body {

	background: #000000;

	background-image: url( /images/wood_grey.jpg );

    margin: 0;

    padding: 0;

	height: 100%;

	font-size: 12px;

    font-family: Century Gothic;

}



#wrapper {

	width: 990px;

	margin: 50px auto 0 auto;

}



#container {

	min-height: 100%;

	position: relative;

	margin-bottom: -259px;

}

        

.clear {

	clear: both;

	height: 1px;

}

        

a img {

	border: none;

}



.seperator {

	height: 10px;

	clear: both;

	background-image: url( /images );

}







/* ------------------------------------------------ */

/* ---------- TYPOGRAPHY AND LINK STYLES ---------- */

/* ------------------------------------------------ */



h3 {

	color: #000;

	font-size: 30px;

	padding-bottom: 10px;

	text-align: center;

	margin-top: 0;

	margin-bottom: 20px;

	border-bottom: 2px solid #999;

}



h4 {

	color: #fff;

	margin: 0;

	font-size: 20px;

	padding-left: 10px;

}



p {

	margin: 0;

	line-height: 20px;

	padding-bottom: 10px;

}



.post a {

	color: #0071bc;

    text-decoration: none;

}



#postContent a:hover {

	text-decoration: underline;

}



#title a {

	color: #999;

	font-size: 48px;

	text-align: center;

	text-decoration: none;

	text-shadow: #999999 2px 2px 2px;

}



.title a {

	color: white;

}



.title a:hover {

	color: #999;

}   



#footer a {

	color: #000;

	text-decoration: none;

}



.copy a {

	color: #333333;

	text-decoration: none;

}



#imageTitle .copy, #textTitle .copy, #videoTitle .copy, #audioTitle .copy {

	height: 24px;

	width: 530px;

	line-height: 24px;

	overflow: hidden;

}	



#toTop {

	display:none;

	text-decoration:none;

	position:fixed;

	bottom:10px;

	right:10px;

	overflow:hidden;

	width:51px;

	height:51px;

	border:none;

	text-indent:-999px;

	background:url( /images/ui.totop.png ) no-repeat left top;

}



#toTopHover {

	background:url( /images/ui.totop.png ) no-repeat left -51px;

	width:51px;

	height:51px;

	display:block;

	overflow:hidden;

	float:left;

	opacity: 0;

	-moz-opacity: 0;

	filter:alpha(opacity=0);

}



#toTop:active, #toTop:focus {

	outline:none;

}



.postText ul {

	margin: 0;

	padding-bottom: 10px;

}



.postText ul li {

	line-height: 20px;

}







/* ----------------------------------- */

/* ---------- HEADER STYLES ---------- */

/* ----------------------------------- */



#title_background {

	background-image: url( /images/title_background.jpg );

	background-position: bottom;

	background-repeat: repeat-x;

	background-color: #ffffff;

}

        

#title {

	color: #fff;

	width: 990px;

	margin: 0 auto;

	padding: 30px 0 20px 0;

	letter-spacing: 2px;

	text-align: center;

}



.title {

	color: white;

	height: 45px;

	width: 543px;

	padding-top: 15px;

	padding-left: 20px;

	margin-left: -33px;

}



#description {

	color: #999;

	width: 990px;

	margin: 0 auto;

	padding: 20px 0;

	font-style: italic;

	text-align: center;

}







/* ----------------------------------- */

/* ---------- FOOTER STYLES ---------- */

/* ----------------------------------- */



#footer {

	height: 259px;

	color: white;

	font-size: 12px;

	position: relative;

	background-image: url( /images/footer_gray.jpg );

}



#footer_container {

	height: 189px;

	width: 990px;

	padding-top: 20px;

	margin: 0 auto;

}



.clear_footer {

	height: 259px;

	clear: both;

}



.footer_content h4, .footer_content_last h4 {

	margin: 10px 0;

}



.footer_content {

	width: 280px;

	height: 180px;

	float: left;

	overflow: hidden;

	margin-right: 75px;

}



.footer_content_last {

	width: 280px;

	height: 180px;

	float: left;

	overflow: hidden;

}



.footer_content .seperator {

	margin-bottom: 20px;

}



.footer_content_last .seperator {

	margin-bottom: 25px;

}



.social_link {

	width: 45px;

	height: 45px;

	float: left;

	margin: 5px;

}



.followAvatar {

	height: 35px;

	width: 34px;

	float: left;

	margin: 5px;

	padding: 10px 0 0 11px;

	background-image: url( /images/avatar_back.png );

}



.followAvatar img {

	width: 25px;

	height: 25px;

}



#copyright .seperator {

	width: 990px;

	margin: 0 auto 10px auto;

}



.footer {

	color: #0071BC;

	height: 43px;

	width: 490px;

	font-size: 10px;

	margin-top: -8px;

	margin-left: 20px;

	line-height: 35px;

	padding: 0 20px;

	font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;

	background-image: url( /images/tags_background.png );

}



#copyright {

	height: 49px;

	width: 990px;

	margin: 0 auto;

	text-align: center;

	color: #fff;

	font-size: 12px;

}

                    

#copyright a {

	color: #000;

}



#copyright a:hover {

	text-decoration: underline;

}







/* ----------------------------------------- */

/* ---------- GENERIC POST STYLES ---------- */

/* ----------------------------------------- */



.post {

	width: 990px;

	position: relative;

	margin-bottom: 100px;

}



#post {

	width: 600px;

	float: left;

}



#postHeader {

	height: 27px;

	width: 551px;

	background-repeat: no-repeat;

	background-image: url( /images/content_header.png );

}



#postContent {

	width: 501px;

	padding: 0 25px;

	background-repeat: repeat-y;

	background-image: url( /images/content_slice.png );

}



#postFooter {

	height: 51px;

	width: 551px;

	background-repeat: no-repeat;

	background-image: url( /images/content_footer.png );

}



#pageContent {

	background-position: center;

	background-repeat: repeat-y;

}



.copy p {

	color: #999;

	margin: 10px 0 0 0;

	padding: 0;

}

                        

.copy > p:first-child {

	margin-top: 0;

}

                        

.copy img {

	max-width: 100%;

}



.post img {

	max-width: 500px;

}



#content {

	width: 990px;

	margin-top: 30px;

}



.post_type {

	width: 180px;

	float: left;

}



.photo_icon, .quote_icon, .text_icon, .video_icon, .chat_icon, .link_icon, .audio_icon {

	height: 80px;

	width: 75px;

	cursor: pointer;

	background-image: url( /images/post_type_sprite.png );

}



.photo_icon:hover {

	background-position: 75px 0;

}



.audio_icon {

	background-position: 0 320px;

}



.audio_icon:hover {

	background-position: 75px 320px;

}



.chat_icon {

	background-position: 0 80px;

}



.chat_icon:hover {

	background-position: 75px 80px;

}



.link_icon {

	background-position: 0 395px;

}



.link_icon:hover {

	background-position: 75px 395px;

}



.quote_icon {

	background-position: 0 240px;

}



.quote_icon:hover {

	background-position: 75px 240px;

}



.text_icon {

	background-position: 0 160px;

}



.text_icon:hover {

	background-position: 75px 160px;

}



.video_icon {

	background-position: 0 480px;

}



.video_icon:hover {

	background-position: 75px 480px;

}



.post_nav {

	width: 200px;

	float: right;

}



.post_nav ul {

	list-style: none;

	margin: 0;

}



.post_nav ul li {

	height: 50px;

	width: 140px;

	cursor: pointer;

	line-height: 50px;

	text-align: left;

	margin-right: 0;

}



.post_nav ul li:hover {

	color: #000;

	background-position: 0 50px;

}



.post_nav ul li a {

	color: #666;

}



.post_nav ul li a:hover {

	color: ;

}



.tag a, .date a, .note_count a, .comments a {

	color: #666;

	width: 120px;

	height: 50px;

	line-height: 50px;

	display: block;

	padding-left: 40px;

	background-repeat: repeat-y;

}



.tag a:hover, .date a:hover, .note_count a:hover, .comments a:hover {

	color: #000;

	background-position: 0 50px;

}



.tag a {

	background-image: url( /images/tag_button.png );

}



.date a {

	background-image: url( /images/post_date.png );

}



.note_count a {

	background-image: url( /images/notes_button.png );

}



.comments a {

	background-image: url( /images/comment_button.png );

}



#disqus_comments {

	width: 550px;

	margin: 0 0 0 180px;

}



.question {

	font-size: 20px;

	margin: 10px 0;

}



.asker_container {

	line-height: 24px;

}







/* ----------------------------------------- */

/* ---------- PAGE BUTTONS STYLES ---------- */

/* ----------------------------------------- */



#pages_background {

	height: 51px;

	background-image: url( /images/nav_background.png );

}



#pages {

	width: 990px;

	margin: 0 auto;

}



.page {

	float: left;

	cursor: pointer;

	text-align: center;

	font-size: 14px;

	margin-right: 30px;

	line-height: 41px;

	text-shadow: #fff 1px 1px 2px;

}



.page a {

	color: #666;

	text-decoration: none;

}



.page a:hover {

	color: #0071bc;

}



#topButton {

	float: left;

	height: 30px;

	width: 168px;

	padding-top: 20px;

	text-align: center;

	margin-bottom: 20px;

	text-decoration: none;

	background-color: lightgray;

}



#topButton a {

	color: #fff;

	text-decoration: none;

}



#searchTitle {

	color: #ffffff;

	float: right;

	width: 240px;

	margin-top: 30px;

}



#search {

	width: 170px;

	height: 51px;

	float: right;

	/*background-image: url( /images/search.png );*/

}



#search-scope {

	color: #fff;

	width: 254px;

	float: right;

	margin-bottom: 10px;

}



#searchresults {

    color: #000;

	font-size: 14px;

	margin-top: 10px;

}



#following {

	color: #fff;

	height: 46px;

	width: 289px;

	clear: both;

	margin: 10px 0 0 -35px;

	padding: 12px 0 0 20px;

}



#following img {

	border: 2px solid #0071BC;

}



#metadataTitle {

	color: #ffffff;

	width: 289px;

	height: 46px;

	clear: both;

	padding-top: 12px;

	padding-left: 20px;

	margin-left: -35px;

	margin-top: 15px;

}



#buttons a {

	color: #fff;

	text-decoration: none;

}

	

.button {

	width: 93px;

	height: 18px;

	float: left;

	padding-top: 10px;

	text-align: center;

	margin: 0 10px;

	font-size: 14px;

}



.button:hover {

	background-position: 0 36px;

}



.postText {

	font-size: 12px;

	color: #666666;

	padding-top: 10px;

}

                    

#search-scope {

	padding-top: 5px;

	font-size: 11px;

	text-align: center;

}

                    

#search-scope input,

#search-scope label {

	cursor: pointer;

}

                

#search form {

	margin: 0;

}

                    

#search input.query {

	height: 28px;

	width: 125px;

	color: #666;

	border: 0px;

	float: right;

	margin-top: 6px;

	padding-right: 10px;

	padding-left: 30px;

	background-repeat: no-repeat;

	background-image: url( /images/search.jpg );

}

                           

#search form .submit:hover {

	opacity: 0.9;

	filter: alpha(opacity=90);

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

}

                    

#top a {

	color: white;

	text-decoration: none;

}

                            

#buttons div {

	padding-bottom: 10px;

}

                

#bottom {

	width: 250px;

	height: 25px;

}

        	





/* ------------------------------------ */

/* ---------- TWITTER STYLES ---------- */

/* ------------------------------------ */



#twitterwrapper {

}



#twitter {

	color: #ffffff;

	width: 289px;

	height: 46px;

	clear: both;

}



#tweet .content {

	color: #fff;

	height: 50px;

	margin-bottom: 10px;

}



#tweet .container a {

	color: #000;

}



#tweet .container a:hover {

	color: #000;

	text-decoration: underline;

}







/* QUOTE POST STYLES */



.quote {

	color: #fff;

	margin-top: 0;

	padding: 15px 0;

}

                    

.quote.short {

	font-size: 33px;

	line-height: 35px;

}

                    

.quote.medium {

	font-size: 25px;

	line-height: 28px;

	margin-top: 10px;

}

                    

.quote.long {

	font-size: 18px;

	line-height: 22px;

}



.quote_source {

	margin-top: 10px;

}



.quote_source *:first-child {

	margin-top: 0px;

}

                        

.quote_source *:last-child {

	margin-bottom: 0px;

}

                        

.quote *:first-child {

	margin-top: 0px;

}



.quote *:last-child {

	margin-bottom: 0px;

}







/* MEDIA POST STYLES */



.media {

	text-align: center;

}



.media img {

	border: 1px solid #999;

}



#imageTitle {

	height: 43px;

	width: 547px;

	color: white;

	font-size: 16px;

	margin-left: -87px;

	padding-top: 17px;

	padding-left: 70px;

}



#videoTitle {

	height: 43px;

	width: 547px;

	color: white;

	font-size: 16px;

	margin-left: -87px;

	padding-top: 17px;

	padding-left: 70px;

}







/* TEXT POST STYLES */



#textTitle {

	height: 43px;

	width: 547px;

	color: white;

	font-size: 16px;

	margin-left: -87px;

	padding-top: 17px;

	padding-left: 70px;

}







/* -------------------------------------- */

/* ---------- AUDIO POST STYLES --------- */

/* -------------------------------------- */



#audioTitle {

	height: 43px;

	width: 547px;

	color: white;

	font-size: 16px;

	margin-left: -87px;

	padding-top: 17px;

	padding-left: 70px;

}



.audioText {

	width: 320px;

	font-size: 12px;

	color: #999;

	float: left;

}



.audio {

	float: left;

	margin-bottom: 10px;

}

                                                        

.player {

	float: left;

}

                        

.audio_player embed {

	border: 1px solid #c8c8c8;

}

                        

.meta {

	padding: 8px 13px;

	height: 13px;

	float: left;

	color: #666;

	font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;

	font-size: 11px;

}

                        

.meta a {

	color: #666;

	text-decoration: none;

}

                    

.album_art {

	width: 180px;

	height: 180px;

	float: right;

	margin-bottom: 3px;

}



.album_art img {

	width: 180px;

	border: 1px solid #999;

}







/* -------------------------------------- */

/* ---------- CHAT POST STYLES ---------- */

/* -------------------------------------- */



#chatTitle {

	height: 43px;

	width: 547px;

	color: white;

	font-size: 16px;

	margin-left: -87px;

	padding-top: 17px;

	padding-left: 70px;

}



.chat {

	margin: 0 10px 0 10px;

	font-size: 14px;

}

                                        

.lines {

	margin-left: 1px;

}

                        

.line {

	color: #666;

	margin-bottom: 1px;

	padding: 10px;

	border-bottom: 1px solid #999;

}

                        

.line.even {

	color: #999;

	border-bottom: 1px solid #999;

}







/* -------------------------------------- */

/* ---------- LINK POST STYLES ---------- */

/* -------------------------------------- */



#linkTitle {

	height: 43px;

	width: 547px;

	color: white;

	font-size: 16px;

	margin-left: -87px;

	padding-top: 17px;

	padding-left: 70px;

}



.link {

	padding: 15px 0;

}



.link a {

	color: #000;

	font-size: 30px;

	font-weight: bold;

}



.link a:hover {

	text-decoration: underline;

}







/* ----------------------------------- */

/* ----------- OTHER STYLES ---------- */

/* ----------------------------------- */



blockquote {

	margin: 0;

	padding: 10px 0px 10px 15px;

	font-style: italic;

}

                        

.copy blockquote {

	border-left: solid 4px #dcdcdc;

	}

                            

.copy blockquote blockquote {

	border-left: solid 4px #cccccc;

	}

                                

.copy blockquote blockquote blockquote {

	border-left: solid 4px #bcbcbc;

	}

                                    

.copy blockquote blockquote blockquote blockquote {

	border-left: solid 4px #acacac;

	}

                                        

.copy blockquote blockquote blockquote blockquote blockquote {

	border-left: solid 4px #9c9c9c;

	}

                                            

.copy blockquote blockquote blockquote blockquote blockquote blockquote {

	border-left: solid 4px #8c8c8c;

	}

                        

#navigation {

	line-height: 50px;

	text-align: right;

	padding-bottom: 35px;

	margin-bottom: 50px;

	}

	

.prev_button {

	float: left;

}



.next_button {

	float: right;

}

	

.prev_button a, .next_button a {

	color: #666;

	text-decoration: none;

	height: 35px;

	display: block;

	text-align: left;

	line-height: 35px;

	background-image: url( /images/nav_buttons.png );

}



.prev_button a {

	width: 95px;

	padding-left: 40px;

	background-position: 0 165px;

}



.prev_button a:hover {

	color: #000;

	background-position: 0 122px;

}



.next_button a {

	width: 120px;

	padding-left: 15px;

	background-position: 0 80px;

}



.next_button a:hover {

	color: #000;

	background-position: 0 37px;

}

	

.navButton {

	height: 30px;

	width: 168px;

	padding-top: 20px;

	text-align: center;

	background-repeat: no-repeat;

	background-color: lightgray;

}

        

.notecontainer {

	width: 550px;

	float: left;

	font-size: 11px;

	color: #fff;

	margin-left: 180px;

}



.notecontainer .avatar {

	border: 1px solid #000;

}



.notecontainer a {

	color: #000;

	text-decoration: none;

}



.notecontainer a:hover {

	text-decoration: underline;

}



.notecontainer ol.notes {

	padding: 0px 0 20px 0;

	list-style-type: none;

	font-size: 11px;

	}



.notecontainer ol.notes li.note {

	padding: 10px 10px 0 10px;

}



.notecontainer ol.notes li.note img.avatar {

	vertical-align: -4px;

	margin-right: 10px;

	}



.notecontainer ol.notes li.note span.action {

	font-weight: normal;

}



.notecontainer ol.notes li.note .answer_content {

	font-weight: normal;

}



.notecontainer ol.notes li.note blockquote {

	border-left: 2px solid #666;

	padding: 4px 10px;

	margin: 10px 0px 0px 25px;

}



.notecontainer ol.notes li.note blockquote a {

	text-decoration: none;

}



/* TWITTER STYLES */



#twitterwrapper {

	margin-top: 10px;

}



#twitter {

	color: #ffffff;

	width: 289px;

	height: 46px;

	clear: both;

	padding-top: 12px;

	padding-left: 20px;

	margin-left: -35px;

	margin-top: 15px;

}



#twitterTitle a {

	color: #ffffff;

}



#tweets a {

	color: #fff;

	line-height: 18px;

	text-decoration: none;

	text-align: justify;

}	



#tweets a .tweet {

	margin-bottom: 15px;

}



#tweets a:hover {

	color: #0071bc;

}



#tweetcontainer {

	height: 360px;

	font-size: 12px;

	overflow: hidden;

	margin-bottom: 20px;

}



#tweetcontainer .content {

	height: 85px;

	width: 213px;

	color: #999;

	margin: 5px 0 5px -5px;

	padding: 15px 20px;

	text-decoration: none;

	background-image: url( /images/twitter_background.png );

}



#tweetcontainer a {

	color: #999;

	text-decoration: none;

}



#tweetcontainer a:hover {

	color: #fff;

	text-decoration: none;

}



</style>



<style type="text/css"></style>

Я даже не знаю че не так  http://ucoz.usertalk.ru/uploads/0007/af/57/16341-2.gif1px;

height:51px;

border:none;

text-indent:-999px;

background:url( /images/ui.totop.png ) no-repeat left top;

}

#toTopHover {

background:url( /images/ui.totop.png ) no-repeat left -51px;

width:51px;

height:51px;

display:block;

overflow:hidden;

float:left;

opacity: 0;

-moz-opacity: 0;

filter:alpha(opacity=0);

}

#toTop:active, #toTop:focus {

outline:none;

}

.postText ul {

margin: 0;

padding-bottom: 10px;

}

.postText ul li {

line-height: 20px;

}




/* ----------------------------------- */

/* ---------- HEADER STYLES ---------- */

/* ----------------------------------- */

#title_background {

background-image: url( /images/title_background.jpg );

background-position: bottom;

background-repeat: repeat-x;

background-color: #ffffff;

}

       

#title {

color: #fff;

width: 990px;

margin: 0 auto;

padding: 30px 0 20px 0;

letter-spacing: 2px;

text-align: center;

}

.title {

color: white;

height: 45px;

width: 543px;

padding-top: 15px;

padding-left: 20px;

margin-left: -33px;

}

#description {

color: #999;

width: 990px;

margin: 0 auto;

padding: 20px 0;

font-style: italic;

text-align: center;

}




/* ----------------------------------- */

/* ---------- FOOTER STYLES ---------- */

/* ----------------------------------- */

#footer {

height: 259px;

color: white;

font-size: 12px;

position: relative;

background-image: url( /images/footer_gray.jpg );

}

#footer_container {

height: 189px;

width: 990px;

padding-top: 20px;

margin: 0 auto;

}

.clear_footer {

height: 259px;

clear: both;

}

.footer_content h4, .footer_content_last h4 {

margin: 10px 0;

}

.footer_content {

width: 280px;

height: 180px;

float: left;

overflow: hidden;

margin-right: 75px;

}

.footer_content_last {

width: 280px;

height: 180px;

float: left;

overflow: hidden;

}

.footer_content .seperator {

margin-bottom: 20px;

}

.footer_content_last .seperator {

margin-bottom: 25px;

}

.social_link {

width: 45px;

height: 45px;

float: left;

margin: 5px;

}

.followAvatar {

height: 35px;

width: 34px;

float: left;

margin: 5px;

padding: 10px 0 0 11px;

background-image: url( /images/avatar_back.png );

}

.followAvatar img {

width: 25px;

height: 25px;

}

#copyright .seperator {

width: 990px;

margin: 0 auto 10px auto;

}

.footer {

color: #0071BC;

height: 43px;

width: 490px;

font-size: 10px;

margin-top: -8px;

margin-left: 20px;

line-height: 35px;

padding: 0 20px;

font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;

background-image: url( /images/tags_background.png );

}

#copyright {

height: 49px;

width: 990px;

margin: 0 auto;

text-align: center;

color: #fff;

font-size: 12px;

}

                   

#copyright a {

color: #000;

}

#copyright a:hover {

text-decoration: underline;

}




/* ----------------------------------------- */

/* ---------- GENERIC POST STYLES ---------- */

/* ----------------------------------------- */

.post {

width: 990px;

position: relative;

margin-bottom: 100px;

}

#post {

width: 600px;

float: left;

}

#postHeader {

height: 27px;

width: 551px;

background-repeat: no-repeat;

background-image: url( /images/content_header.png );

}

#postContent {

width: 501px;

padding: 0 25px;

background-repeat: repeat-y;

background-image: url( /images/content_slice.png );

}

#postFooter {

height: 51px;

width: 551px;

background-repeat: no-repeat;

background-image: url( /images/content_footer.png );

}

#pageContent {

background-position: center;

background-repeat: repeat-y;

}

.copy p {

color: #999;

margin: 10px 0 0 0;

padding: 0;

}

                       

.copy

Отредактировано papas_tm_serjik (14.01.2012 20:31)

0

2

У меня все нормально при прокрутке. Везде отображается одинаково. Попробуйте с другого браузера.

0

3

Ой точна ) теперь буду проверять и с других браузеров   http://ucoz.usertalk.ru/uploads/0007/af/57/16341-1.gif

0


Вы здесь » Веб-мастеру uCoz » Помощь, вопросы по uCoz » [РЕШЕНО] Почему когда прокручиваешь вниз фон темнеет?