ie怎么js自定义滚动条条,我以为只有chrome可以 原来ie也行 css怎么啊

使用IE浏览器时点一下滚动条页面就刷新一次,而不是正常的上下移动,是什么原因啊_百度知道
使用IE浏览器时点一下滚动条页面就刷新一次,而不是正常的上下移动,是什么原因啊
我以为中病毒了,可是重装系统后问题同样存在.谢谢
提问者采纳
重装一下显卡驱动试一下
提问者评价
原来我上周在蓝快重新做的IBM一键恢复缺少显卡驱动:(
我下了一个显卡驱动
问题已经解决了
其他类似问题
ie浏览器的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁你的位置: >
> 教程:Chrome浏览器设置雅黑字体
前几日,升级后用户骂声一片,很多功能失效了,其中就有一项深受用户喜欢的Custom.css自定义失效。在此之前浏览迷曾写过的文章,但此种方法伴随着新版的Chrome浏览器升级已经失效,今天浏览迷就给大家再介绍几种给Chrome、Firefox等浏览器设置雅黑字体的方式。
方法一:通过 MacType 字体渲染软件,设置全局的自定义字体。
MacType 是基于一个日本人的 GDI++ 的开源项目开发的,GDI++可以在 Windows 实现类似苹果 Mac 系统下的字体渲染效果。由于 GDI++ 已经停止了更新,所以国内网友 FlyingSnow 在GDI++ FreeType版本的基础上继续开发,并将它命名为 MacType。并且,MacType 相比 GDI++ 更加容易使用和配置,适合广大初级用户使用。并且使用之后,字体的显示效果优化非常明显,可谓是 Windows 系统字体显示优化的必备神器!
MacType 支持 Windows XP ~ Windows 8.1 等操作系统。开启 MacType 之后,你可以明显看到字体显示后果的大幅提升。
MacType下载地址:
方法二:通过 Stylish 等用户样式管理器的插件,实现字体等自定义。
步骤1:Chrome下载安装 Stylish 扩展程序。
扩展安装地址:
步骤2:点击 Stylish 扩展的选项,选择如下的新建样式:
步骤3:给新样式自定义一个名称,然后将如下的代码拷贝至输入框内:
参考样式代码:
/*三行分别是字体粗细(整百数字),字体样式,字体阴影*/
*{font-weight:500!}
*{font-family: “Microsoft Yahei”, “Microsoft Yahei” ! }
*{text-shadow:0.01em 0.01em 0.01em #999999 !}
/*滚动条*/
::-webkit-scrollbar{width: 6height: 6}
::-webkit-scrollbar-track-piece{background-color: #CCCCCC;-webkit-border-radius: 6}
::-webkit-scrollbar-thumb:vertical{height: 5background-color: #999999;-webkit-border-radius: 6}
::-webkit-scrollbar-thumb:horizontal{width: 5background-color: #CCCCCC;-webkit-border-radius: 6}
::-webkit-scrollbar {width: 9height: 9}
::-webkit-scrollbar-track-piece {background-color:}
::-webkit-scrollbar-track-piece:no-button {}
::-webkit-scrollbar-thumb {background-color: #3994EF;border-radius: 3}
::-webkit-scrollbar-thumb:hover {background-color: #A4EEF0;}
::-webkit-scrollbar-thumb:active {background-color: #666;}
::-webkit-scrollbar-button:vertical { width: 9 }
::-webkit-scrollbar-button:horizontal { width: 9 }
::-webkit-scrollbar-button:vertical:start:decrement { background-color: }
::-webkit-scrollbar-button:vertical:end:increment { background-color: }
::-webkit-scrollbar-button:horizontal:start:decrement { background-color: }
::-webkit-scrollbar-button:horizontal:end:increment { background-color: }
body::-webkit-scrollbar-track-piece {background-color:}
/*指向图片绿光*/
img:hover{box-shadow: 0px 0px 4px 4px rgba(130,190,10,0.6) !-webkit-transition-property: box--webkit-transition-duration: .31s;}
img{-webkit-transition-property: box--webkit-transition-duration: .31s;}
/*输入框美化*/
input { border:#ccc 1 border-radius: 6 -webkit-border-radius: 6-webkit-border-radius: 6}
input[type=”text”]:focus, input[type=”password”]:focus, textarea:focus {border: 2px solid #6FA1D9 !-webkit-box-shadow:0px 0px 5px #6FA1D9 !outline:none}
input[type=”checkbox”]:focus,input[type=”submit”]:focus,input[type=”reset”]:focus, input[type=”radio”]:focus {border: 1px solid #6FA1D9 ! outline:none}
input:focus, select:focus, textarea:focus {outline: 1px solid #10bae0 ;-webkit-outline-radius: 3}
body a:hover:active {color: #10bae0;}
body *:focus {outline: 2px solid rgba(16,186,224,0.5) ;outline-offset: 1outline-radius: 2-webkit-outline-radius: 2}
body a:focus {outline-offset: 0}
body button:focus,
body input[type=reset]:focus, body input[type=button]:focus, body input[type=submit]:focus {outline-radius: 2px !-webkit-outline-radius: 2px !}
body textarea:focus, body button:focus, body select:focus, body input:focus {outline-offset: -1px !}
/*淡蓝色样式*/
a{-webkit-transition: all 0.3s ease-}
a:hover{color: #39F !text-shadow:-5px 3px 18px #39F !-webkit-transition: all 0.3s ease-}
*::-webkit-selection {background: #333333 ! color: #00FF00 ! }
/*去除下划线*/
*{text-decoration:none!important}
a:hover{text-decoration:none!important}
/*color: #014A8F;*/
-webkit-transition-property:
-webkit-transition-duration: 0.0s;
/*指向文字加粗*/
/*color: #0000FF ;*/
-webkit-transition-property:
-webkit-transition-duration: 0.0s;
font-weight:bold
/*访问过链接红色*/
a:visited, a:visited *, a:active, a:active * {color: #FF0000 !}
修改完后点击保存,然后刷新下页面看看,是不是已经自定义字体成功了?
转载请注明: &
与本文相关的文章您当前的位置: -&
本类下载榜
总下载排行
世界之窗浏览器(TheWorld)6.2.0.128 简体中文绿色优化版
软件大小:28.0 MB
软件类型:绿色软件 - 网络软件 - 主页浏览
软件标签:
软件语言:简体中文
授权方式:免费软件
软件星级:
更新时间: 9:53:13
运行环境:WinXP/Win2003/Vista/Win7/Win8/WinALL
下载帮助:
世界之窗浏览器绿色增强优化版是全新开发的一款小巧,快速的双核浏览器,世界之窗浏览器启动快,页面载入速度快,界面干净简洁,功能不多但却实用,UI风格非常简约,无任何多余东西;具有体积小巧,启动速度快,打开网页快,资源占用小,使用流畅等特色,在中,低配置的电脑上优势更加明显。
世界之窗6浏览器是一款由凤凰工作室(后被360收购)出品的基于Chrome内核制作的双核浏览器,通过对Chrome的二十多项改进,使世界之窗6浏览器极速流畅,占用极小,在老爷机的效果更明显!可惜的是,自6.2.0.128版本后再没更新过。一起重温经典!
本绿色增强版特点:
& 便捷定制:TheWorld6-Set 原创绿化设置工具(可持续维护更新)
& 广告过滤:自带强大ABP类规则过滤弹窗及广告,换您一个纯净的网络
& 规则更新:拥有自动更新手动过滤规则的快捷功能
& 鼠标手势:支持鼠标手势,可突破原版无鼠标手势限制自定义鼠标手势
& 美化拓展:可更换新标签页(九宫格快速拨号)为真正的&空白页&
& 美化拓展:加入高端大气上档次的CSS美化样式,强大美观!
& 美化拓展:加入各大网盘、QQ登录、支付宝、绿色迅雷调用等必备插件
& 美化拓展:全局显示微软雅黑字体,并对其显示效果进行优化(可设阴影)
& 美化拓展:新标签页(宫格快速拨号)支持显示个性图片!
& 功能突破:突破原版不支持平滑滚动限制,当前默认开启平滑滚动!
& 优化设置:对其默认设置进行优化,留其精华,去其糟怕、
& 便携易用:文件可转移到任意地方,方便携带,绿色便捷
& 便携易用:可设置默认浏览器,并关联.Url等网页文件。
& 稳定强大:用过了就明白了,做最稳定强大的原创绿化、工具。
插件如下:
百度云、360云盘、115网盘、微云极速上传控件
支付宝安全登录、腾讯快速登录控件、绿色迅雷调用插件
关于美化:
全局微软雅黑、字体阴影、淡蓝滚动条
全局指向图片绿光、指向文字加粗、去链接下划线
全局链接当前页打开为蓝色,新标签打开为红色、阅读过的链接变红色
贴吧美化:Baidu Tieba Light Blue V2、QQ空间美化:Qzone V8 Simple
一些目录在TheWorld-Set.exe中有快捷启动功能
不要去更改插件名称,否则绿化工具无法识别。
CSS样式并没有全部默认开启,需要手动去开启.\User Data\Default\User StyleSheets\Custom.css
手动广告过滤规则更新工具在自定义规则目录下,设置-广告过滤-打开规则文件夹,或通过绿化工具打开
切换浏览器内核方法:当前页面下右键&切换到&内核&或在标签页菜单&切换到&内核&
默认设置右键标签页关闭当前,Shift+右键打开标签页菜单
广告过滤仅支持部分的视频过滤,需要的请安装ADBYBY并关闭世界之窗过滤
鼠标手势设置请在TheWorld6-Set.exe中设置,需要DIY基础
默认[我的文档]下Download目录为下载目录,请自行更改
加入的插件生效环境必须在Chrome内核下才可以,IE内核下无效
可自己升级Flash,自带的是官方的版本,比较稳定。
手动设置:
可在TheWorld-Set.exe中设置。以下为全全手动:
①新标签页面定制:改快速拨号为空白页
&打开.\User Data\Default\User StyleSheets\Custom.css文件,添加代码:
&.most-visited{display:none!important}
&#footer{display:none!important}
&html,body{background-color:#FFFFFF!important}
&红色高亮部分可设置适合自己的背景颜色,默认#FFFFFF白色。
②.平滑滚动:默认已开启,关闭方法
& 记事本打开.\User Data\Local State
& 删除以下整行代码内容,务必删除整行的内容。然后保存。
& & & & &enabled_labs_experiments&: [ &enable-smooth-scrolling& ],
③.新建标签页:显示自定义图片
& &打开.\User Data\Default\User StyleSheets\Custom.css文件,添加代码:
& &.most-visited{display:none!important}
& &#footer{display:none!important}
& &然后放一张大于你屏幕分辨率的图片到.\User Data\theme目录下
& &命名为:ntp_background.png 注意后缀必须为png
& &PS:如果在图片右侧有白条那是滚动条效果造成的,关闭Css效果中的滚动条美化即可消失。
④.去除浏览器自带过滤白名单方法:删除adblock_2.dat文件创建站位文件夹adblock_2.dat权限设置全部拒绝。
TheWorld6 Plus V1.335
* 全新绿化工具界面(SEUI)
* 增加绿化工具功能 修复BUG
* 更新广告过滤到最新
* 更新迅雷调用插件
* 更新Flash插件到16.0.0.287
* 更换贴吧CSS样式,原以停更,现采用Kill Tieba AD
* 更新QzoneV8样式,依旧纯净简介;更新TiebaCSS过滤样式置最新
* 加入一些视频广告网站的过滤、更新所有过滤规则到最新
* 更新Set绿化工具,修复几处问题;更新官方支付宝插件(提取自v4.6)
* 更新绿化工具,加入选项、加入更新功能、更多快捷入口和功能,修复一些问题
* 加入链接当前页打开为蓝色,新标签打开为红色、阅读过的链接变红色,两款Css样式
上一软件:
下一软件:
* 本站提供的软件我们都会尽可能测试再上传,都亲自运行过,同时通过360等杀毒软件的验证,限于能力及系统等问题,无法保证所有软件都没有任何问题,如果您发现链接错误或其它问题,发email到zarong◎告诉我们,谢谢!
* 为了达到最快的下载速度,推荐使用或下载本站软件。为确保正常使用请用最新版来解压本站提供的软件!
* 为了网站可以继续发展下去,在不太影响大家的情况下还请给予点击站内广告。本站所有下载无需点击任何广告即可正常下载,由于部分是FTP下载,限制了同时连接数,因此还请使用下载工具尝试多一会连接时间。如果您发现下载链接错误,请点击谢谢!
* 站内提供的所有软件如包含破解及注册码均是由网上搜集,若无意中侵犯到您的版权利益,通知我们,我们会在收到信息一周内给予配合处理!
* 本站为非营利性站点,所有资源均是网上搜集或私下交流学习之用,任何涉及商业盈利目的均不得使用,否则产生的一切后果将由您自己承担!本站仅仅提供一个观摩学习的环境,将不对任何资源负法律责任。所有资源请在下载后24小时内删除。如果您觉得满意,请购买正版,唯有如此才能更好支持你所喜欢的软件更好发展!本站严厉谴责和鄙夷一切利用本站资源进行牟利的盗版行为!div+css解决常见的浏览器兼容问题的方法
在这之前先了解一css hack[]
1.图片下方出现几像素的空白间隙
问题说明:这个问题在ie6和ff(火狐)下经常见到,例如
src=""/&&/div&这个图片下面会有一条空白间隙,
解 决方法:给图上一个垂直方向的属性如:vertical-align:
top(任意一个就行middle);这个问题从而延伸到,object(视频)和textarea在火狐下也会出现类似的问题,解决方法一样。细心的朋
友会发现在第二节ahuing的重置代码里就有这样一个全局定义object,textarea,img{vertical-align:
2.IE6双倍margin的BUG(双边距)
题说明:这是ie6一个著名的bug,当一个元素向一边浮动时,其它同一个方向如果有margin的话,ie6就会产生双倍的margin。例
如:&div style="float:margin-left:
10"&&/div&在ie6下显示会有margin-left:20px的距离
解决方法:加个_display:inline:属性,例如&div style="float:
margin-left: 10_display:
3.ie6下的浮动元素和非浮动元素间出现3像素BUG
问 题说明:这也是ie6一个著名的bug,当一个元素浮动时,同级别的文字没有浮动,在ie6下它们之间就会产生3个像素的bug。例
如:&div&&img
style="float:"
src=""/&摘要摘要摘要摘要&/div&,图片和文字就会出现3像素
解决方法:方法一,两个元素都浮动,
如:&div&&img
style="float:" src=""/&&span
style="float:
"&摘要摘要摘要摘要&/span&&/div&;方法二,这种设计时一般图片和文字要有间隙的,做个ie6的
hack就行,如:&div&&img
style="float:" src=""/&&span
style="margin-right: 5 _margin-right:
2"&摘要摘要摘要摘要&/span&&/div&
4.li在IE中底部空行
问题说明:当li里面有两个以上的浮动元素时,li的下面就会产生一条空白间隙,例如
&ul class="tlist"&
style="float:
"&栏目&/span&&a
style="float:" href="#"
target="_blank"&标题标题标题&/a&&/li&
解决方法:这个问题和第一个问题很相似,解决方法也是一样,在li上加个垂直方向的属性,例如:
&ul class="tlist"&
&li style="vertical-align:
"&&span style="float:
"&栏目&/span&&a
style="float:" href="#"
target="_blank"&标题标题标题&/a&&/li&
5.IE6样式中文注释后引发失效
问题说明:这是ie6 出现的奇怪现象。这是由于css 和html
的编码不同所引致,满足下面条件就会引起注释下面的样式不起作用:
1). css有中文注释
2). css为ANSI编码
3). html为utf-8编码
解决方法:
1). 去掉中文注释,用英文注释或者多打几个“*”,这是ahuing在之前的教程里提到的,例如:
2). 统一css 和 html 的编码
建议采用第二种解决方法。ps: css为uft-8& html 为ANSI
貌似不会出现失效的情况。
6.IE6出现重复字符(文字溢出)
问题说明:一个容器包含2两个具有“float”样式的子容器,第二个容器的宽度大于父容器的宽度,或者父容器宽度减去第二个容器宽度的值小于3,在第二个容器前存在注释(这也是为什么此bug也叫做“IE6注释bug”的原因)。例如下列代码:
&!DOCTYPE html PUBLIC "-//W3C//liD XHTML 1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/liD/xhtml1-transitional.lid"&
xmlns="http://www.w3.org/1999/xhtml"&
&meta http-equiv="Content-Type" content="text/
charset=gbk" /&
&title&标题&/title&&&&
*{margin: 0;padding: 0;font-size: 12}
.a{width:205}
.b{float:width: 50 background:color:
#margin-right: 5overflow:}
.c{float:width: 150background:}
&div class="a"&
class="b"&测试测试测试测试测试测试测试&/div&
&!-- 注释 --&
class="c"&测试测试测试测试测试测试测试&/div&
解决方法:
为何会出现重复文字,谁也没说清楚,包括官方,这个问题,ahuing只在给朋友调试样式时见过,自己写的代码没见过,所以认识这个bug有点晚,ahuing个人认为,ie6将注释也当成内容存在。
如何消灭重复文字,只要让上面任何一个条件不满足即可,
改变结构,不出现【一个容器包含2两个具有“float”样式的子容器】的结构。
1).减小第二个容器的宽度,使父容器宽度减去第二个容器宽度的值大于3。
2).去掉所有的注释。
3).在第二个容器后面加一个或者多个&div
style="clear"&&/div&来解决。
4).给溢出文字的标签加position:属性
6.png图片在IE6下出现透明或背景变灰的
问题说明:这里的png图片是指32位和24位的,8位的png图片透明ie6是支持的。
解决方法:
1)使用滤镜,语法如下
.image-style { background-image:
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="filename.png",
sizingMethod="scale"); }
注意:使用滤镜需要损耗性能。
2)给IE6单独制作一张.gif图片(或者8位的png图片),打上hack
.image-style{ background:transparent url("filename.png") no-repeat
scroll 0 0;_background-image:url("filename.gif"); }
这种方法只需要在切图时多存储一份.gif格式的图片,一般采用这种方法。
7.让position:absolute弹出层在flash上面
classid="clsid:D27CDB6E-AE6D-11cf-96B8-"
codebase="/pub/shockw
ave/cabs/flash/swflash.cab#version=6,0,29,0" width="300"
height="190"&
&param name="movie" value="flash.swf"
&param name="quality" value="high"
&param name="wmode" value="transparent"
&embed src="flash.swf"wmode="transparent"
quality="high"
pluginspage="/go/getflashp
layer" type="application/x-shockwave-flash" width="300"
height="190"&&/embed&
不多说了,直接复制代码,然后将两个flash.swf改为自己的就行了(主要是此代码&param
name="wmode" value="transparent" /&)
8.position:absolute定位在IE6下存在left和bottom相对最外层视窗(body)定位的bug:
问题说明:由于在IE6下,相对定位的元素没有获得IE内部的haslayout属性,因此不创建新的定位上下文,所以绝对定位的元素相对于视口进行定位。
解决方法:
1) 设置_height:1%;//小的高度不会对实际高度造成影响;例如:&div
style="position:_height:
1%;"&内容内容内容内容内容内容内容&div
style="position:left: 10top:
10"&&/div&&/div&
2)相对定位的祖先元素设置过高度和宽度。
3)相对定位的祖先元素设置_zoom:1,用于触发元素的layout属性。
9.position:absolute定位在IE6下z-index失效的bug:
问题说明:在ie6下给浮动层设置z-index失效,例如:正常区块1会在区块2之上,但是IE6不行
&div style="position:
"&&div style="position:
10;"&区块1&/div&&/div&
&div style="position:
relative"&&div style="position:
5;"&区块2&/div&&/div&
解决方法:ie6只识别父层的z-index,所以我们可以给父层也加一个z-index
&div style="position:z-index:
10;"&&div style="position:
10;"&区块1&/div&&/div&
&div style="position:
relative"&&div style="position:
5;"&区块2&/div&&/div&
另外一个解决方法就是后面标签的z-index总是比它前面的z-index高,有些情况下可以将两者的前台顺序调换
10.还是position,IE6下对position:fixed不支持的bug
问题说明:position:fixed主要用于像客服一样的浮动层,但是ie6却不支持,问题的原因是IE6下的fixed元素绝对定位位置是针对html元素的,而滚动条则是针对body元素的
解决方法:
用绝对定位模拟一个
body{background-image:("xx.gif");}
.fixed{_postion:expression_r(eval_r(document.documentElement.scrollTop+document.documentElement.clientHeight-
this.offsetHeight))}//底部
expression_r(eval_r(document.documentElement.scrollTop));
expression_r(eval_r(document.documentElement.clientHeight/2+document.documentElement.scrollTop-80));
11.再来个position问题,ie6让绝对定位的层在select的上面
问题说明:绝对定位的层在ie6下不管对其的z-index给多大的值它始终在select控件的下面
解决方法:
1)通过js控制select的显示和隐藏(有弹出层时隐藏select),不过当div只是遮住select的一半时,整个都会隐藏,不适合一些情况。
2)用iframe遮盖select,iframe的z-index要比select高,让弹出层和iframe重合。
&div style="position:
&iframe scrolling="no" frameborder="0"
style="width:100 height:100 top:320 left:60
background-color: position:
z-index:-1;"&&/iframe&
12.哈哈,最后一个position问题,ie6下position:absolute不显示
问题说明:例如:下面的代码,a1绝对定位,a2,a3浮动,注意样式当盒子box的宽度-(a2+a3)&3时,a1就会不显示,可以直接复制代码保存后预览,这种情况的机率很小,但它出现时,会让你摸不着方向
*{margin: 0;padding: 0;font-size: 12}
.box{position:background:color: #height:
50width: 100}
.a1{position:background:left: 0;top:30}
.a2{float:background:width: 48height: 40}
.a3{float:background:width: 50height: 40}
&div class="box"&
class="a1"&区块1&/div&
class="a2"&区块2&/div&
class="a3"&区块3&/div&
解决方法:
1)在绝对定位的层和浮动层之间加一个清除浮动的代码,例如:&div style="clear:
height: 0;overflow:font-size: 0;line-height:
0;"&&/div&
2)可以把绝对定位的层放在所有浮动层的最后面,再在绝对定位的层上加个清除浮动,如:.a1{position:
background:left: 0;top:30clear:}
13.a链接点击的难看外框的方法:
IE6下在标签里设置hideFocus=true,其他浏览器对a设置:outline:none
&a href="###" hideFocus="true"
title=".."/&
a{outline:none}
14.IE6不支持min-height/max-height/min-width/max-width的bug
问题说明:无
解决方法:根据IE6的特性模拟出来
height:auto!
min-height:
height: x px
15.ie6边框出现断线的bug
问题说明:当边框内的元素有激动时,没有清除浮动,滑动滚动条会出现断线的问题。例如
.box{border: 1px solid #}
.plist li{float:}
&div class="box"&
&ul class="plist"&
&li&&a href="#"
target="_blank"&&img width=""
src="pic/s.png"/&&/a&&/li&
&li&&a href="#"
target="_blank"&&img width=""
src="pic/s.png"/&&/a&&/li&
&li&&a href="#"
target="_blank"&&img width=""
src="pic/s.png"/&&/a&&/li&
解决方法:原因是box没有haslayout
1)加个属性_height:1%或者_zoom:1,这是ahuing常用字的方法
2)清除浮动也可以,在ul下加&div style="height: 0;overflow:
3)给box加个背景颜色也行
16. IE6中伪类:hover的使用及BUG
题说明:ie6是不支持除a标签以外的:hover的,例如:&style&.test:hover{background:
width:50height:
50}&/style&&div
class="test"&&/div&
解决方法:
1)将a标签display:black,例
如:&style&.test{display:}
.test:hover div{background:width:50height:
50}&/style&&a
class="test"
href="###"&&div&&/div&&/a&;不过这样做貌似不符合标准
2)用js或者jq解决
17.原来IE6是可以支持!important的
.demo { color:#F00! color:#000; }
.demo { color:#F00!}
.demo { color:#000; }
18.ie下空格的大小和ff不一样
问题说明:有时我们在布局时需要用到空格来对齐文本,例如:密&&码和用户名,这样写才可以对齐,而在ie上面未必是这样的
解决方法:将字体设置为宋体,即:font-family:
19.容器中连续的英文或者数字,不自动换行
问 题说明:&div style="width:
50"&wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww&/div&
解 决方法:&div style="width: 50 word-wrap:
break-"&wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww&/div&
20.ie6 div高度无法小于10像素解决方法
用CSS 的定义一个DIV的高度时,在IE 7浏览器下可以正常显示。但是在IE 6 中,height
在10px以下就无法定义了。这点跟表格有点类似。解决的方法如下:
法一:定义overflow属性。比如想定义一个高度为2px 的线条。
style="height:2overflow:background:#000000;width:778"&&/div&
法二:将div 的字体大小属性fontsize 设置为跟高度相同。
style="height:2font-size:2background:#000000;width:778"&&&/div&
21.chrome谷歌浏览器flash下面一条空白
问题说明:当一个div包含一个object标签时,一般是flash文件,flash下面会有一条空白出来,例如&div
class="ad"&&object&...&/object&&/div&
解决方法:通常下flash或者图片下有空白用vertical-align:top就能清除掉,今天试了下不行,经过几番测试,用line-height:0可以去掉空白。结果就是.ad{line-height:0}
本来觉得position的问题已经够了,但是还在继续,又是爱一流先生(ie6),调试一个小BUG真费脑筋,但是现在还是要记录下,假如对一个元素设
置了position:absolute及 bottom:0,然后设置父元素的position为
relative,在IE6中,当父元素在页面中所占据的高度(不一定是css里设置的,也可以是计算出来的,且不包括margin)为偶数时,一切正
常,但如果为奇数时,该绝对定位的子元素会与父元素
的底部偏移1px,所以碰到这样的问题,可以尝试改变下父元素的height、border或padding,或者是改变该父元素的其他子元素也可以,只
需要上下偏差1px即可。
23.在谷歌的chrome浏览器上面了··
发现其中字体大小变形,设置是10px大小的居然显示成和12px大小一样,于是才发现,所有小于12px字体大小的都设置成12px。解决办法:
webkit的私有属性:
html{-webkit-text-size-adjust:}
已投稿到:
以上网友发言只代表其个人观点,不代表新浪网的观点或立场。}

我要回帖

更多关于 jquery自定义滚动条 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信