html背景颜色特别淡的那种,(HTML or CSS)白色背景颜色比我的代码的最后一部分要低...

博主遇到一个关于HTML和CSS的问题,他们在尝试修复一个背景图片无法停留在最后一张的错误,这个问题似乎涉及到背景图片的位置设置。他们分享了部分代码,并寻求社区的帮助。评论中给出了可能的解决方案,建议检查和删除代码中的定位属性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

哼,嘿!我得到了一些我试图修复近四个小时的东西,但是我找不到它。最糟糕的是,我几乎可以肯定,这是一个愚蠢的事情要删除或取代,但我不知道。那么是否有办法让我的背景停留在最后一张图片上,或者如果这是我代码中的问题,是否有办法解决它?我正在放置代码。提前致谢 ! (我的代码可能是可怕的,对不起,如果是这样的话^^)(HTML or CSS)白色背景颜色比我的代码的最后一部分要低

RealTea

body {

\t background-color: #FFFFFF;

\t background-size: cover;

\t background-position: center;

\t width: 1030px;

\t height: auto;

}

#Menu {

\t background-image: url('http://image.noelshack.com/fichiers/2015/17/1429647024-liens.png');

\t opacity: 0.9;

\t background-repeat: no-repeat;

\t width: 1341px;

\t position: relative;

\t bottom: auto;

}

nav {

\t font-size: 25px;

\t font-family: Verdana;

\t color: #FFFFFF;

\t text-align: center;

}

a {

color: #FFFFFF;

\t font-family: Verdana;

\t left: -80px;

}

a:hover {

color: #FFFFFF;

color: #FFFFFF;

}

a:visited {

color: #FFFFFF;

}

a:link {

text-decoration: none;

}

a:visited {

text-decoration: none;

}

a:hover {

text-decoration: underline;

}

a:active {

text-decoration: underline;

}

IMG.displayed {

\t position: relative;

\t left: auto;

\t width: 1340px;

\t

\t }

p.newsletter {

\t font-family: Homizio;

\t font-size: 29px;

\t color: #339900;

\t position: relative;

\t text-align: center;

\t left: 520px;

\t bottom: -20px;

\t width: 314px;

\t height: 385px;

\t }

p.Communaute {

\t font-family: Homizio;

\t font-size: 29px;

\t color: #339900;

\t position: relative;

\t text-align: center;

\t left: 140px;

\t bottom: 393px;

\t width: 314px;

\t height: 385px;

\t }

p.inscription {

\t font-family: Homizio;

\t font-size: 29px;

\t color: #339900;

\t position: relative;

\t text-align: center;

\t left: 908px;

\t bottom: 808px;

\t width: 314px;

\t height: 385px; \t

}

img.Bambou {

\t position: relative;

\t bottom: 680px;

\t margin-left: auto;

\t margin-right: auto;

}

img.nouveau {

\t position: relative;

\t bottom: 1090px;

\t left: -600px;

\t opacity: 0.6;

}

p.actu {

\t font-family: Homizio;

\t font-weight: bold;

\t font-size: 28.5px;

\t color: #000000;

\t opacity: 0.6;

\t position: relative;

\t text-align: left;

\t bottom: 1100px;

\t right: -15px;

\t width: 661px;

\t height: 377px;

}

p.infos {

\t font-family: Homizio;

\t font-weight: bold;

\t font-size: 28.5px; \t

\t color: #339900;

\t position: relative;

\t bottom: 1600px;

\t left: 120px;

\t text-align: right;

}

p.plusinfos {

\t font-family: Homizio;

\t font-size: 29px;

\t color: #339900;

\t position: relative;

\t text-align: left;

\t right: -780px;

\t bottom: 1620px;

\t width: 559px;

\t height: 359px;

}

img.newlet {

\t width: 399px;

\t height: 68px;

\t position: relative;

\t bottom: 1750px;

\t right: -860px;

\t }

p.newletter {

\t width: 347px;

\t font-size: 24px;

\t font-family: Homizio;

\t height: 32px;

\t color: #000000;

\t position: relative;

\t bottom: 1821px;

\t left: 780px;

\t text-align: right; \t

}

img.images {

\t position: relative;

\t left: 150px;

\t right: 150px;

\t bottom: -50px;

}

\t Accueil

\t Forum

\t Contact

jfl

\t tea

selection

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi at libero in magna commodo sodales. Maecenas diam nisl, elementum ut quam nec, pharetra auctor neque. Suspendisse potenti. Mauris imperdiet purus vitae pulvinar malesuada. Aliquam sit amet ligula sit amet dui aliquam lobortis. Morbi pretium nisl non risus fringilla fringilla. Proin ac lobortis mauris.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi at libero in magna commodo sodales. Maecenas diam nisl, elementum ut quam nec, pharetra auctor neque. Suspendisse potenti. Mauris imperdiet purus vitae pulvinar malesuada. Aliquam sit amet ligula sit amet dui aliquam lobortis. Morbi pretium nisl non risus fringilla fringilla. Proin ac lobortis mauris.

lol

nouveautés

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur egestas rhoncus auctor. In sed porta nisl, sit amet vestibulum massa. Etiam vehicula, magna et elementum faucibus, leo nulla bibendum eros, nec interdum magna nibh et ipsum. Duis fermentum, augue varius efficitur tincidunt, lacus elit egestas ex, ultrices hendrerit diam velit quis elit. Integer a sem in tortor eleifend lobortis. Nam mauris libero, varius eget dignissim eu, tempor id elit. In justo elit, molestie eu augue ut, pharetra interdum ipsum. Aliquam tincidunt euismod sem id euismod. Donec dui dolor,

Plus d'infos sur nous :

Pellentesque cursus convallis risus, vitae venenatis nibh tristique at. Maecenas imperdiet varius urna et consectetur. Quisque viverra dolor arcu, eu viverra arcu aliquam ut. Nullam suscipit mi quis erat gravida aliquet. Aenean et rutrum leo. Nulla facilisi. Sed posuere.

newlet

Adresse mail :

2015-04-22

Ewan.G

+1

在那里有问题吗? –

+0

这是由组合或“相对位置”和“底部”引起的。提示:删除所有“位置”属性,并在没有它们的情况下再次尝试。 –

+0

嘿@ Ewan.G,看起来这是你的第一个问题。我们会尽力给你一个很好的答案。我也想建议你编辑你的文章,并专门提出一个问题。您可能也会发现这有帮助:http://stackoverflow.com/tour –

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值