Feb
23
a:hover img这种写法还是挺实用的
但是在IE6这玩意里面似乎很不爽
竟然没效果
最后找到方法了
如下
但是在IE6这玩意里面似乎很不爽
竟然没效果
最后找到方法了
如下
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>XXX</title>
<style type="text/css">
a{ border:0; float:left; padding:5px;}
a:hover{zoom:1;}
a:hover img{zoom:1.1; border:3px #000000 solid;}
</style>
</head>
<body>
<a href="#"><img src="http://www.dv9.org/images/emot/stupid.gif" border="0"/></a>
<a href="#"><img src="http://www.dv9.org/images/emot/stupid.gif" border="0"/></a>
<a href="#"><img src="http://www.dv9.org/images/emot/stupid.gif" border="0"/></a>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>XXX</title>
<style type="text/css">
a{ border:0; float:left; padding:5px;}
a:hover{zoom:1;}
a:hover img{zoom:1.1; border:3px #000000 solid;}
</style>
</head>
<body>
<a href="#"><img src="http://www.dv9.org/images/emot/stupid.gif" border="0"/></a>
<a href="#"><img src="http://www.dv9.org/images/emot/stupid.gif" border="0"/></a>
<a href="#"><img src="http://www.dv9.org/images/emot/stupid.gif" border="0"/></a>
</body>
</html>
Feb
10
/*BBOX框架样式 www.Dv9.org*/
/*一经调用，万事俱休！*/
/*V0.0.6-010210*/
html, body{ margin:0; padding:0; font-size:12px; width:100%; height:100%; background:#FFFFFF; font-family:Arial, Helvetica, sans-serif;}
div,ul,li,form,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,img,a,form,img{ margin:0; padding:0; list-style:none;}
/*所有浏览器下去虚线框全局类，及除下划线*/
a { text-decoration: none;}
a:hover {text-decoration: none;}
a{blr:expression(this.onFocus=this.close());}
a{blr:expression(this.onFocus=this.blur());}
a:focus { -moz-outline-style: none; }
a:focus { outline: none; }
/*页面高度自动延伸,目前该类只适用于IE6这垃圾东西*/
.autoheight{font: 0px/0px sans-serif; height:100%; clear: both; display: block;}
/*页面文字左右对齐类*/
.text_text{text-align:justify; text-justify:inter-ideograph;}
/*隐藏多余部分和解决ie6嵌套自动延伸bug*/
.over{ overflow:hidden;}
/*左浮动*/
.f{ float:left;}
/*右浮动*/
.r{ float:right;}
/*左右居中,不可与左、右对齐共用*/
.c{ margin:0 auto;}
/*鼠标指针手型*/
.s{ cursor:pointer;}
/*一经调用，万事俱休！*/
/*V0.0.6-010210*/
html, body{ margin:0; padding:0; font-size:12px; width:100%; height:100%; background:#FFFFFF; font-family:Arial, Helvetica, sans-serif;}
div,ul,li,form,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,img,a,form,img{ margin:0; padding:0; list-style:none;}
/*所有浏览器下去虚线框全局类，及除下划线*/
a { text-decoration: none;}
a:hover {text-decoration: none;}
a{blr:expression(this.onFocus=this.close());}
a{blr:expression(this.onFocus=this.blur());}
a:focus { -moz-outline-style: none; }
a:focus { outline: none; }
/*页面高度自动延伸,目前该类只适用于IE6这垃圾东西*/
.autoheight{font: 0px/0px sans-serif; height:100%; clear: both; display: block;}
/*页面文字左右对齐类*/
.text_text{text-align:justify; text-justify:inter-ideograph;}
/*隐藏多余部分和解决ie6嵌套自动延伸bug*/
.over{ overflow:hidden;}
/*左浮动*/
.f{ float:left;}
/*右浮动*/
.r{ float:right;}
/*左右居中,不可与左、右对齐共用*/
.c{ margin:0 auto;}
/*鼠标指针手型*/
.s{ cursor:pointer;}
今天进行年前的最后次修改，应聘网应用了该框架。结构上还是得多多思索，目前已经完成了几个重点页面的html化。也为自己找到了属于自己的style风格而高兴
Feb
11
iepngfix解决了png图片在ie6以下浏览器无法使用透明效果的问题
但是问题就出来了
加了iepngfix的页面� 就会发现调用了iepngfix图片资源无法缓存
每刷新
资源就会重新下载一次
目前最好的方法就是不用png格式，改用gif
小型网站对缓不缓存到是无所谓
大型网站就不行了
IE6的确该退休了
但是问题就出来了
加了iepngfix的页面� 就会发现调用了iepngfix图片资源无法缓存
每刷新
资源就会重新下载一次
目前最好的方法就是不用png格式，改用gif
小型网站对缓不缓存到是无所谓
大型网站就不行了
IE6的确该退休了
Feb
9
我是使用的hack写法*+html
在父级容器写入overflow:visible //visible查手册就可以知道 就是溢出后延伸的意思
在需要自适应的地方*+html .test{height:auto;} //auto就不用说了，为什么是hack写， 为ie6下 容器本身就会自适应 不能说这是6做的好 总的来说 就是不要让容器自身和父级有绝对高度便是
自己曾经迷惘过IE7下对 式的依赖很大 这很好很好
对了要想用*+html这种ie7专属css hack写法就必须让页面基于w3c 准，也就是头部必须
在父级容器写入overflow:visible //visible查手册就可以知道 就是溢出后延伸的意思
在需要自适应的地方*+html .test{height:auto;} //auto就不用说了，为什么是hack写， 为ie6下 容器本身就会自适应 不能说这是6做的好 总的来说 就是不要让容器自身和父级有绝对高度便是
自己曾经迷惘过IE7下对 式的依赖很大 这很好很好
对了要想用*+html这种ie7专属css hack写法就必须让页面基于w3c 准，也就是头部必须
Feb
9
昨日在给页面 背景的时候
忽然发现背景颜色和背景图片不能一起显示出来
后来才发现其中的一个小技巧
background:#000000 url('images/bg.gif') no-repeat;
颜色一定要写在图片路径前面
background-position不能用，不然图片会显示不出来
想要图片居中text-align就行了
当
background:#000000;
background: url('images/bg.gif') no-repeat;
这种情况是理所当然的错的
忽然发现背景颜色和背景图片不能一起显示出来
后来才发现其中的一个小技巧
background:#000000 url('images/bg.gif') no-repeat;
颜色一定要写在图片路径前面
background-position不能用，不然图片会显示不出来
想要图片居中text-align就行了
当
background:#000000;
background: url('images/bg.gif') no-repeat;
这种情况是理所当然的错的
