- 博客(12)
- 资源 (7)
- 收藏
- 关注
原创 IE6中绝对定位的BUG
<br />在进行网页布局设计的时候,经常会根据需要设置相对定位,绝对以及浮动定位最近突然发现了一个奇妙的现象:IE6下绝对定位元素神秘消失或被遮挡, 首先是IE绝对定位元素神秘消失,设置的绝对定位元素,突然从IE浏览器下消失了,然而火狐能正常显示. 尝试对绝对定位元素进行清除浮动操作,IE下能显示,但是出现了莫名的留白,火狐下正常显示.至少这个现象表明,绝对定位元素在IE6下神秘消失对相邻元 素的浮动定位有关. <br /> 查了相关资料,高人有这样的解释:<br /> 1.当绝对定位层的邻近浮动层的
2010-08-08 16:48:00
8309
原创 ie6使用绝对定位position:absolute,box不显示
ie6使用绝对定位position:absolute,box不显示<br /> <br />今天在重构一个页面的时候,为了考虑根据内容重要程度出现的优先性,所以在css的时候为几个box书写了绝对定位,在测试的时候发现,在FF,ie8,ie7,op下都可以正常显示,可是到了IE6的时候,这几块内容是空白的了…啊!怎么回事呢?<br />经过几番折腾,总出找出毛病了,原来是因为使用绝对定位的box紧挨着的是box使用了浮动:float。哎!没办法,我的解决方法是在他们之间又单独写了一个box,这个box加了一
2010-08-08 16:47:00
2120
原创 鼠标点击弹出层
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml"> 鼠标经过弹出层5jun.com #box{display:none; width: 300px; height: 180px; background:#345;text-align:center; line-height
2010-05-09 13:02:00
1026
原创 鼠标经过弹出层
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">Untitled Document *{margin:0; padding:0;} body{font-size:12px; font-family:"Times New Roman", Times, serif;
2010-05-09 12:54:00
1027
1
原创 如何去掉点击链接时周围的虚线框outline属性 去除a标签边上的虚线
有底下兩種作法:1. 針對單一超連結的作法: 加上 hidefocus="true" 屬性 (For IE only)Example:Google2. 透過CSS的作法 (For IE & Firefox )Example:a {noFocusLine:expression(this.onFocus=this.blur())} /* For IE, onFocus 的 F 要大寫*/:focus
2010-05-09 12:45:00
1806
原创 CSS 兼容要点/常见问题
很多站长都抱怨CSS对浏览器的兼容性有时让人很头疼,尤其是对于IE6这个问题多多的浏览器版本。或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加DOCTYPE声明. CSS技巧1.div的垂直居中问题
2010-05-03 20:45:00
693
原创 四级下拉菜单
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">炫浪网设计素材资源站-仿FLASH效果的四级下拉菜单与之间-->body {margin:0; font:14px "Arial"; background:#fff; padding:0;}ul.menu {list-styl
2010-05-03 20:17:00
792
原创 JS效果大全(以静态页面展示)
http://d.download.youkuaiyun.com/down/2136114/s2t01 jS效果大全
2010-05-02 08:56:00
525
原创 用css实现文字的自动隐藏
不可换行 (不换行) overflow版本:CSS2 兼容性:IE4+ NS6+ 继承性:无 语法: overflow : visible | auto | hidden | scroll 参数: visible : 不剪切内容也不添加滚动条。假如显式声明此默认值,对象将被剪切为包含对象的window或frame的大小。并且clip属性设置将失效 auto : 此为body对象和
2010-05-02 08:48:00
517
原创 按钮背景图片替换
1..class1{background:url(http://image2.sina.com.cn/home/07index/sinahome_ws_025.gif) }.class2{background:url(http://image2.sina.com.cn/home/07index/sinahome_ws_024.gif) }input{line-height:24px;wid
2010-05-02 08:43:00
860
原创 选项卡
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">我的滑动门.nTab{float: left;width: 100%;margin: 0 auto;border-bottom:1px #AACCEE solid;background:#d5d5d5;background-p
2010-04-29 21:56:00
340
原创 好看的下拉列表
一个漂亮的Select下拉列表框 body, input { font-family: verdana; font-size: 9pt; } h1 { font-family: tahoma; font-size: 22pt; text-align: left; } pre { font-size: 9pt; font-family
2010-04-29 21:54:00
898
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人