转 - 博客园

2011年11月30日

摘要： Top Right Banner Style#topright { position: absolute; right: 0; top: 0; display: block; height: 125px; width: 125px; background: url(TRbanner.gif) no-repeat; text-indent: -999em; text-decoration: none;} Top Left Banner Style#topleft { position: absolute; left: 0; top: 0; display: block; height: 125p 阅读全文

posted @ 2011-11-30 08:17 转阅读(121) 评论(0) 推荐(0) 编辑

用CSS实现表单form布局

摘要： <style type="text/css">label{float: left;width: 80px;}form{margin:0px}input{width: 180px;border:1px solid #808080}textarea{width: 250px;height: 150px;}#sbutton{margin-left: 80px;margin-top: 5px;width:80px;}br{clear: left;}</style><form action="" method="post&q 阅读全文

posted @ 2011-11-30 08:16 转阅读(633) 评论(0) 推荐(0) 编辑

用ASP+CSS实现随机背景.txt

摘要：以下是引用片段：Const IMGS_DIR = "/images" '设定图片文件夹的地址，随机显示该文件夹内任一张图片 Dim objFSO, objFolderObject, objFileCollection, objFile Dim intFileNumberToUse, intFileLooper Dim objImageFileToUse Dim strImageSrcText Set objFSO = Server.CreateObject("Scripting.FileSystemObject") Set objFolderOb 阅读全文

posted @ 2011-11-30 08:15 转阅读(178) 评论(0) 推荐(0) 编辑

2011年11月24日

CSS+JS实现兼容性很好的无限级下拉菜单

摘要： CSS+JS实现兼容性很好的无限级下拉菜单<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head><title>CSS+JS实现兼容性很好的无限级下拉菜单</title><style ty 阅读全文

posted @ 2011-11-24 08:11 转阅读(404) 评论(0) 推荐(0) 编辑

bordernone;与border0;的区别

摘要： bordernone;与border0;的区别这问题在网络相信已经有不少人问到，最近再次被牵起讨论，籍此记录一下个人的理解，border:none;与border:0;的区别体现有两点：一是理论上的性能差异二是浏览器兼容性的差异。1.性能差异【border:0;】把border设为“0”像素虽然在页面上看不见，但按border默认值理解，浏览器依然对border-width/border-color进行了渲染，即已经占用了内存值。【border:none;】把border设为“none”即没有，浏览器解析“none”时将不作出渲染动作，即不会消耗内存值。2.兼容性差异兼容性差异只针对浏览器IE 阅读全文

posted @ 2011-11-24 08:11 转阅读(224) 评论(0) 推荐(0) 编辑

纯CSS实现三列DIV等高布局

摘要：纯CSS实现三列DIV等高布局DIV等高布局，我想很多人都遇见过，我也看过不少的方法，有的是通过背景图片，实现假象的等高效果；还有的用js实现等等。这些都是方法，但是现在都不用以上的方法，来个真正的纯css实现等高！现在我们来看看真正的 CSS 实现的等高布局，其方法主要是采用“隐藏容器溢出”、“正内补丁”和“负外补丁”结合的方法实现的。下面来看看实际的例子（三列等高），以下面的 XHTML 代码为例：html代码：<div id="wrap"> <div id="left"> <p>left</p> & 阅读全文

posted @ 2011-11-24 08:10 转阅读(326) 评论(0) 推荐(0) 编辑

2011年11月14日

假如没有了IE6，div+css道路又会如何走?

摘要：假如没有了IE6，div+css道路又会如何走？曾几何时，前端开发，前端重构者都为IE6的BUG而痛不欲生，最经典不支持PNG透明等等，还有很多很多的令人费解的问题，估计很多像我一样从事前端开发的朋友都了解IE6的种种BUG了，那前端开发者，你有没有想过，假如没有IE6，div+css道路将会发现什么变化呢？或者说没有IE6，你的工作将会发生如何变化呢？先不提这些，我们来看看，假如没有IE6，网页重构会发生哪些变化？1，支持PNG 图片不必象以前那样在不同背景方案下设计不同的图片边缘反锯齿方案，苦苦去寻找IE6 png透明解决方法，让可恶的IE6半透明的网页显得有个性，花花边边等等浮层.. 阅读全文

posted @ 2011-11-14 11:02 转阅读(178) 评论(0) 推荐(0) 编辑

div css入门教程，更简洁CSS清理浮动方式：clearfix

摘要： -清理浮动有很多种方式，像使用 br 标签自带的 clear 属，使用元素的 overflow，使用空标签来设置 clear:both 等等。但考虑到兼容问题和语义化的问题，一般我们都会使用如下代码来清理浮动。/* 清理浮动 */ .clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; } .clearfix { zoom:1; }其原理是，在「高级」浏览器中使用 :after 伪类在浮动块后面加上一个非 display:none 阅读全文

posted @ 2011-11-14 10:58 转阅读(154) 评论(0) 推荐(0) 编辑

图片自由变换

摘要： <style type="text/css"> html, body { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src= 'extresour/images/desk.jpg' ,sizingMethod= 'scale' ); background-repeat: no-repeat; background-positon: 100%, 100%; font: normal 12px tahoma, arial, verdana, sans-seri 阅读全文

posted @ 2011-11-14 10:53 转阅读(143) 评论(0) 推荐(0) 编辑

简单布局

摘要： css部分的代码；body{color:#630;background:#FC3;font-size:12px;}#title,#content,#bottom{width:630px;margin:0 auto;}#title{}#top{padding-top:5px;padding-left:20px;height:60px;background:url(images/logo_bj.gif) repeat-x top left;}#nav{height:35px;background: url(images/nav_a_bj.gif);}.m{text-align:center;bor 阅读全文

posted @ 2011-11-14 10:49 转阅读(173) 评论(0) 推荐(0) 编辑