找回密码
 注册

QQ登录

只需一步,快速开始

查看: 1637|回复: 7

一个奇怪的问题

[复制链接]
发表于 2011-4-20 12:26:26 | 显示全部楼层 |阅读模式
从网上下了一个图片轮播的JS效果,出现错位,经过一系列的排查,证实是页面CSS的问题,但是却不知道哪里有问题,请高手帮忙看看
贴一下相关的CSS
由于该效果被插在页面的"sidebar"DIV内,所以贴出的是与sidebar的CSS
body {font: Verdana;margin:0px;text-align:center;padding:0;background: url(img/back.jpg) repeat-x ;}
#pagebody {
width:924px; /*设定宽度*/
margin:0px auto;
}
#sidebar {
               width:200px; /*设定宽度*/
        float:left; /*浮动居左*/
        clear:left; /*不允许左侧存在浮动*/
        overflow:hidden; /*超出宽度部分隐藏*/
        background:url(img/sidebar.png) no-repeat;
}
在测试页面里,把该CSS内容写进一个空的DIV不会出错,但是引用该ID就会出错。。。最后附上错位效果图
1.jpg
 楼主| 发表于 2011-4-20 12:38:51 | 显示全部楼层
小弟没受过系统教育,全部网上自学。。。如果各位高手觉得繁琐。。。可以给小弟指个方向,让我自己去摸索。。。谢谢
回复 支持 反对

使用道具 举报

发表于 2011-4-20 13:18:46 | 显示全部楼层
学习了,看看
回复 支持 反对

使用道具 举报

 楼主| 发表于 2011-4-20 14:01:24 | 显示全部楼层
问题跟踪。。。。在同等级别关系下,即都继承了同样父级DIV的属性
放在使用ID名sidebar的DIV里,就会错位
放在把相同样式放进style的DIV里则不会错位。。。
排除了ID名重复的问题。。。。。继续研究。。。
回复 支持 反对

使用道具 举报

发表于 2011-4-20 14:47:47 | 显示全部楼层
放在使用ID名sidebar的DIV里,就会错位
放在把相同样式放进style的DIV里则不会错位。。。


这样的话,你就去检查一下这个div所用到的sidebar的css属性被后面的哪一个css属性覆盖了。放在style里的css优先级比放在css文件或者页面头部的css都要高,所以你放进style里的因为没被覆盖,所以没有出错。

[[i] 本帖最后由 winsonlei 于 2011-4-20 14:49 编辑 ]
回复 支持 反对

使用道具 举报

 楼主| 发表于 2011-4-20 15:10:56 | 显示全部楼层
原帖由 [i]winsonlei 于 2011-4-20 14:47 发表
放在使用ID名sidebar的DIV里,就会错位
放在把相同样式放进style的DIV里则不会错位。。。


这样的话,你就去检查一下这个div所用到的sidebar的css属性被后面的哪一个css属性覆盖了。放在style里的css优先级比放 ...

谢谢。。。。终于有人答复了。。。。
我想请教一下。。。你所说的覆盖,是指在CSS文件里还有其他sidebar?还是说在那个效果文件的CSS里有个sidebar?我找了都没有啊。。。
属性覆盖的话。。。是什么概念呢?貌似所有的属性都是常用的啊,不同的定义里会互相覆盖?
回复 支持 反对

使用道具 举报

 楼主| 发表于 2011-4-21 11:57:29 | 显示全部楼层
顶上去。。。看看有谁能提供点思路。。。
回复 支持 反对

使用道具 举报

发表于 2011-4-21 14:08:48 | 显示全部楼层
2楼说的符合我的学习过程
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )

GMT+8, 2021-1-22 20:03 , Processed in 0.064952 second(s), 12 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表