css

png透明图片在ie6正常显示的纯css解决办法

很久没写CSS了,遇到一个png透明logo折腾了我很久,也怪以前的页面直接不考虑透明的问题。在网上找到几种办法,有用css实现的,有些是用js 实现,用js感觉大材小用了,能用纯css解决就css吧,这里感谢蓝莓公主的帮助。以下的两种方法都是尝试过可行的,不过在我的虚拟机下的ie6图片完 全透明了,不知道是不是我虚拟机的问题。
先将图片存为 PNG-24 透明格式。

IE6,7里 li 的2像素空白下边距的解决办法

li 里有浮动对象而 li 本身不浮动的时候,IE6,IE7 里就会有2像素的下边距。

解决办法:设置 li 浮动就可以了。

也可以用 css hack 解决,但是我不太喜欢 hack。

 

固定层在浏览器的右下角[转]

转自搜孤晶伟-搜狐博客

利用 text-align: justify 完成单行文字两端对齐

转自 csdn
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>利用text-align:justify完成单行文字两端对齐</title>
<style>
table{ table-layout:fixed;width:50%;}
td{
border:1px solid;
padding:5px 20px;
background-color:#efefef;
}
.justify{
height:1.1em;
overflow:hidden;

ie6下margin加倍的问题

当margin的方向跟float的方向一致时,在ie6会出现margin加倍的现象,解决办法,在float的块中加display: inline;

ie6垂直3px的理解

这几天在布局首页的过程中,在多处使用一float: left;,用ie6浏览器浏览时发现用了float的地方比设置的的要高出3px;而在FF和ie8里面是正常的,这可弄急了我老人家,问了几个热心的 网友没结果,没办法,后来是打了css hack,但心里头觉得应该不要用hack也可以解决了。最后终于在一们厉害的网友的指导下解决了。其实只要在float的标签上一级标签再加float 就可以了,这可能也是ie6的3px的bug,在此感谢那个网友了。

CSS hack:区分IE6,IE7,firefox[网转]

区别不同浏览器,CSS hack写法:

区别IE6与FF:

       background:orange;*background:blue;

区别IE6与IE7:

       background:green !important;background:blue;

区别IE7与FF:

       background:orange; *background:green;

区别FF,IE7,IE6:

       background:orange;*background:green !important;*background:blue;

web标准化设计:常用的CSS命名规则[转]

(一)常用的CSS命名规则

  头:header

  内容:content/container

  尾:footer

  导航:nav

  侧栏:sidebar

  栏目:column

订阅RSS - css