使IE6中DIV(或其他容器)设置高度(height)为100%

分类:Xhtml+Css | 发布者:Tim | 发布日期: 2009-3-4 
当你在制作网页中用CSS定义一个DIV(或者其他容器,如table等...)的height:100%
在IE6中此定义无法达到预期纵向(y)100%显示效果时
以下方法可以帮你解决

首先请用CSS定义
body{height:100%}

此定义是为了让本身body就具有height为100%

然后
再定义你想让其达到高100%纵向满屏的DIV(或者其他容器)的父DIV(或者其他容器)
其高度亦为height:100%

注意加重字体所表达的意思

即:
你要定义一个DIV的高100%纵向满屏
那么请先将其上级的DIV的高定义为100%
上级有多少个DIV,你都要定义它们的高为100%
这样才能达到包含在里面的DIV的高为浏览器高100%的纵向满屏效果。

Tags: , , , ,

Mozilla给网站制作朋友们的CSS书写顺序建议

分类:Xhtml+Css | 发布者:Tim | 发布日期: 2008-6-13 
css显示样式定义属性
display
list-style
position
float
clear
Tags: , ,

解决XHTML的框架下出现横向滚动条问题

分类:Web之旅 | 发布者:Tim | 发布日期: 2008-1-16 
  如果,你的页面上使用了frame或者iframe,使用IE6浏览,将可能出现非常不美观的横向滚动条。那么你有可能会使用scrolling="no"这个属性,但这样讲会导致连竖向的滚动条都不见了。好,那也有可能在body标签或css里面定义overflow-x: hidden; overflow-y: auto;这两个参数,但是仍旧那讨厌的横向滚动条还在。
  这是为什么呢?原来,在用IE6浏览有框架的XHTML页面的时候,默认会水平和垂直滚动条会一起出现,这是IE6的一个漏洞,你在Firefox上浏览你的网站是正常的,而IE6对XHTML 1.0 Transitional DOCTYPE的解释缺陷.

  我的博客“音乐版”使用了框架模式,而能在点击超链接后不让音乐停止播放。
因此也遇到了在IE6下浏览出现横向滚动条。为了解决这问题,Google了一番,发现非常多朋友都遇到此问题,而这些朋友用我以上说的那些方法都无法解决这个IE6浏览框架页面出现横向滚动条问题,也有的朋友把DOCTYPE声明或改成html 4.01,似乎也无效,还有的干脆直接去掉DOCTYPE声明,这个好像行。但这样似乎在别的浏览器或一些状态下会出现问题。
  我从中找到了以下三种不仅解决了这个问题,而且你的页面用XHTML 1.0 Transitional 声明也没问题的方法。
Tags: ,

关于符合W3C标准的插入Flash方法

分类:Web之旅 | 发布者:Tim | 发布日期: 2007-12-30 
用DW插入的Flash方法!
是无法通过 W3C验证的,因为兼容性插入的embed 标签不符合W3C标准。
还有就是你一般上看到网页上的大部分Flash是不是有个“单击以激活并使用此控件”框?
嘿嘿!如果你想要你的网页符合XHTML 1.0标准而努力,如果你不想你网页上的Flash有“单击以激活并使用此控件”框,那么就可以同过下面方法来解决这个问题!

就是SWFObject
Tags: , ,

XHTML+CSS布局可调用JS实现实时样式风格替换

分类:Xhtml+Css | 发布者:Tim | 发布日期: 2007-12-28 
如果大家常常泡论坛的话,估计也知道现在这些论坛(不论是 Discuz!或者是PHPWind等等)都支持在论坛底部有一个选择风格的列表菜单链接!
如果你的网站页面是以层叠样式表来定义网页的样式风格的话
又制作了多个层叠样式表(css)就可以用以下的方法来增加你的网站的风格可选性
这样的话浏览者就可以根据自己心情来更换论坛的风格!
下面就是要教大家怎样实现这样的功能!一共有四步。
Tags: , , , ,

用CSS控制DIV透明

分类:Xhtml+Css | 发布者:Tim | 发布日期: 2007-12-27 
如果要控制DIV透明度,就需要用到CSS的滤镜
其中的Alpha属性就是来实现透明的
甚至可以达到渐变透明效果。
以下为引用部分

用滤镜filter的Alpha属性实现透明。表达格式如下:

filter: alpha(opacity=?,finishopacity=?,style=?,startX=?,startY=?,finishX=?,finishY=?);

各项赋值说明:
opacity代表透明度,可选值从0到100,0代表完全透明,100代表完全不透明;
finishopacity是一个可选项,用来设置结束时的透明度,从而达到一种渐变效果,它的值也是从0到100;
style参数指定了透明区域的形状特征。其中0代表统一形状;1代表线形;2代表放射状;3代表长方形;
startX和startY代表渐变透明效果的开始坐标,finishX和finishY代表渐变透明效果的结束坐标。
Tags: , , ,
分页: 1/1 第一页 1 最后页 [ 显示模式: 摘要 | 列表 ]