UC知道急,问个css背景图background的怪问题?
来源：百度知道 编辑：UC知道 时间：2024/04/29 04:58:22
急,问个css背景background图的怪问题?
<style>
h1{
height:50px;
font-family:arial,sans-serif;
font-size:28px;
color:#369;
padding-left:32px;
background:url(icon.gif) no-repeat 90 50%;
}
</style>
<h1>Super Title CSS</h1>
background:url(icon.gif) no-repeat 90 50%;
该句的90表示x轴,50%表示y轴
第一个问题:当x为0-90的时候背景图片会移动到90的位置,可是我把90改成100后,背景图片直接就移动到中间了,实在太嚣张,怎么回事?
第二个问题:当x为100的时候而且更怪的是,自己会添加上背景颜色,把100值改大一点后,背景颜色居然会变,背景图片的位置还是在中间,
怎么回事啊?
<style>
h1{
height:50px;
font-family:arial,sans-serif;
font-size:28px;
color:#369;
padding-left:32px;
background:url(icon.gif) no-repeat 90 50%;
}
</style>
<h1>Super Title CSS</h1>
background:url(icon.gif) no-repeat 90 50%;
该句的90表示x轴,50%表示y轴
第一个问题:当x为0-90的时候背景图片会移动到90的位置,可是我把90改成100后,背景图片直接就移动到中间了,实在太嚣张,怎么回事?
第二个问题:当x为100的时候而且更怪的是,自己会添加上背景颜色,把100值改大一点后,背景颜色居然会变,背景图片的位置还是在中间,
怎么回事啊?
呵呵，刚才有个类似问题是不是你问的？
1.你现在弄明白了后面的数值是什么意思，但是还是没吃透，样式表里除了0可以不带单位之外，其他的参数数值都是要带单位的，你的90要么写成90px，要么写成90%，否则就会出现问题。
2.这个问题就你给出的代码来看，我分析不出原因，就我猜想是你背景图片构成的问题，你的图片名字是icon.gif，我大胆猜测他可能是一张整合了多个图片的背景图，用后面的参数定位显示背景图的那个位置，你的定位不准确，不该显示的部分显示了，所以会出现其他背景颜色的问题。如果不是这个问题，则可能是你其他样式在起作用。
本人用心回答问题，力保采纳率，如果我给你的答案对你有帮助，请尽快给分
90px吧。。。。不加单位。。。该打！