自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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

好看实用的网页效果图片

好看实用的网页效果图片好看实用的网页效果图片

2010-08-02

好看实用的网页效果图

好看实用的网页效果图好看实用的网页效果图

2010-08-02

非常实用的网页效果图啊

非常实用的网页效果图啊非常实用的网页效果图啊

2010-07-14

非常实用的下拉菜单!

非常实用的下拉菜单,很好用的,快来下载呀

2010-05-13

24款超实用的WEB分页代码

24款超实用的WEB分页代码,省不少事哦

2010-05-04

JS4级菜单,select下拉列表样式

4级菜单,下拉列表,超实用的,div,js,快来呀

2010-05-03

CSS实例(初学者很适用的哦)

CSS实例初学者很适用的实例哦,5天让你学会div+css

2010-04-27

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除