UC知道这段CSS代码的背景如何才能横向重复
来源：百度知道 编辑：UC知道 时间：2024/05/23 14:19:37
我学习CSS 碰到问题 请大家帮帮忙,用的是一个整体的北京 然后用CSS上下 定位做的 这段代码如何才能让这个背景重复,
#Nav a:hover,#Nav .cur{
display:block; line-height:41px;
color:#fff; text-decoration:none;
background:url(images/Bg.gif) repeat-x -112px; 80;
font-size:1411;
float:left; padding:0 10px; text-align:center;
position:relative;
}
我整个页面的背景是用的一张整体的背景图 用repeat-x怎么没有效果 调用的背景部分不重复
background:url(images/Bg.gif) repeat-x -112px; 80px; 就是这段代码
#Nav a:hover,#Nav .cur{
display:block; line-height:41px;
color:#fff; text-decoration:none;
background:url(images/Bg.gif) repeat-x -112px; 80;
font-size:1411;
float:left; padding:0 10px; text-align:center;
position:relative;
}
我整个页面的背景是用的一张整体的背景图 用repeat-x怎么没有效果 调用的背景部分不重复
background:url(images/Bg.gif) repeat-x -112px; 80px; 就是这段代码
因为你用的是一张图的背景~白色也是图的一部分~它有repeat-x~只是白色块的让你看不到色块重复的效果~~需要repert的部分最好不要放到整合的背景图~要放的话~repeat-x要把背景图里的每个小图垂直方向放~
参数：
repeat:背景重复；
repeat-x:横向重复；
repeat-y:纵向重复；
no-repeat:不重复。
实例：
程序代码
<html>
<style type="text/css">
<!--
p.p1{ background-repeat:repeat; background-image:url(mgc.jpg);font-size:40mm}
p.p2{ background-repeat:repeat-x; background-image:url(mgc.jpg);font-size:40mm}
p.p3{ background-repeat:repeat-y; background-image:url(mgc.jpg);font-size:40mm}
p.p4{ background-repeat:no-repeat; background-image:url(mgc.jpg);font-size:40mm}
-->
</style>
<head>
<title>CSS</title>
</head>
<body>
<p class="p1">repeat;</p>
<p class="p2">repeat-x;</p>
<p class="p3">repeat-y;</p>
<p class=&quo