2013年4月1日
摘要：
固定定位是绝对定位的一个子类。唯一的区别是，对于固定定位框，它的包含块由可视窗口( viewport1 )创建。对于连续媒介，固定定位框并不随着文档的滚动而移动。从这个意义上说，它们类似于固定的背景图形。对于页面媒介，固定定位框在每页里重复。对于需要在每一页底部放置一个签名时，这个方法非常有用。注意，IE6 中不支持固定定位( Fixed positioning )定位，通常的做法是使用绝对定位代替，并使用 Javascript 脚本控制绝对定位框的位置，使随页面滚动而相应的变化。以下示例代码是修改自 W3C 官方使用固定定位布局的一个例子：<!DOCTYPE HTML><H 阅读全文
摘要：
KB012: 绝对定位( Absolute positioning )示例代码： <div style="position:relative; width:300px; height:300px; background-color:silver; border:5px solid red;"> <div style="width:100px; height:100px; background-color:blue;"></div> <div style="margin:0 0 0 100px; widt 阅读全文
摘要：
感谢东鳞西爪、Sevencity、Homelink、LeXRus。需求：要求所有文本中，汉字使用微软雅黑，阿拉伯数字和英语使用Arial。（文本中有好多的编号数字和部分英语）解决方式有两个，css方法和js方法。一、css方法：先定义一个英文字体再定义中文字体，这是因为英文字体中一般不含有中文，执行的时候英文和阿拉伯数字选用“Arial”,中文的字体使用第二个字体“微软雅黑”。比如，可以这样来定义WordPress中的中英文字体：body{ font-family:Arial,"微软雅黑";}*需要注意的是，这样的做法对符合网页规范的浏览器比如Firefox虽然有效，但对I 阅读全文
摘要：
浮出层是web页面中经常用到的功能，带有小小尖角的浮出层则更为生动，所以今天带给大家的是有角的浮出层，一起看看吧！贴上HTML： ◆◆ ◆◆ ◆◆ ◆◆Hi，知道吗？大前端D7主题很快就疯抢了！以上HTML构成了一个浮出层和四个方向的尖角，其实你只需要其中的一个span标签，所以真正用上的代码并没那么多。贴上CSS：.poptip{position: absolute;top: 20px;left:20px;padding: 6px 10px5px;*padding: 7px 10px 4px;line-height: 16px;color:#DB7C22;font-size: 12px;ba 阅读全文
摘要：
<div id="Layer1" style="position:absolute; width:200px; height:115px; left:50px;top:50px;filter:alpha(opacity=30);opacity: 0.6;background-color:blue"></div>opacity值越大，透明度越高FF<script>document.getElementByIdx_xx_x("Layer1").style.opacity= "0.3" 阅读全文
摘要：
五.让“块”透明的方法 .div{FILTER:alpha(opacity=20);moz-opacity:0.2;opacity:0.2;}测试IE6,IE7,IE8,FF2,FF3均通过。提示：IE6,IE7需设置一个宽度(100%也行)，否则看不到效果。 六.DD_belatedPNG,解决IE6不支持PNG绝佳方案 整个互联网上解决这个IE6的透明PNG的方案也是多不胜数,从使用IE特有的滤镜或是e xpression,再到javascript+透明GIF替代.但是这些方法都有一个缺点,就是不支持CSS中backgrond-position与 background-repeat.而.. 阅读全文
摘要：
PNG图像格式介绍：PNG是20世纪90年代中期开始开发的图像文件存储格式，其目的是企图替代GIF和TIFF文件格式，同时增加一些GIF文件格式所不具备的特性。流式 网络图形格式(Portable Network Graphic Format，PNG)名称来源于非官方的“PNG’s Not GIF”，是一种位图文件(bitmap file)存储格式，读成“ping”。PNG用来存储灰度图像时，灰度图像的深度可多到16位，存储彩色图像时，彩色图像的深度可多到48位，并且还可 存储多到16位的α通道数据。 IE6下PNG背景透明的显示问题PNG格式比起GIF来表现色彩更丰富，特别是表现渐变以及背景 阅读全文
摘要：
CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从 网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名.CSS技巧1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行2. margin加倍的问题设置为float的div在ie下设置的margin会加倍。这是一个ie 阅读全文