随笔分类 -  HTML/CSS

弹出浮动层
摘要：index.html---------------<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content=&quo 阅读全文
posted @ 2011-05-16 19:23 焕阳博客
DIV+CSS--IE6，IE7，IE8，Firefox IE8 css hack对照表
摘要：IE6，IE7，IE8，Firefox兼容的css hack补充：.color{background-color: #CC00FF; /*所有浏览器都会显示为紫色*/background-color: #FF0000\9; /*IE6、IE7、IE8会显示红色*/*background-color: #0066FF; /*IE6、IE7会变为蓝色*/ _background-color: #009933; /*IE6会变为绿色*/}好多css hack，最重要的是简单实用能解决问题就行了总结：\9： IE6 IE7 IE8*： IE6 IE7_： IE6*+： IE7------------- 阅读全文
posted @ 2011-05-15 15:21 焕阳博客
IE6图片元素img下出现多余空白问题
摘要：在进行页面的DIV+CSS排版时，遇到IE6（当然有时Firefox下也会偶遇）浏览器中的图片元素img下出现多余空白的问题绝对是常见的对于该问题的解决方法也是“见机行事”，根据原因的不同要用不同的解决方法，这里把解决直接把解决image图片布局下边的多余空隙的BUG的常用方法归纳，供大家参考。1、将图片转换为块级对象 即，设置img为： display:block; 在本例中添加一组CSS代码： #sub img {display:block;} 2、设置图片的垂直对齐方式 即设置图片的vertical-align属性为“top，text-top，bottom，text-bottom”也可. 阅读全文
posted @ 2011-05-15 15:10 焕阳博客