文章分类 - Div\CSS\Html
摘要：<!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]--><!--[if IE]> 所有的IE可识别 <![endif]--><!--[if IE 6]> 仅IE6可识别 <![endif]--><!--[if lt IE 6]> IE6以及IE6以下版本可识别 <![
阅读全文
摘要：我们先来看看CSS3 Api中对position属性的相关定义： static：无特殊定位，对象遵循正常文档流。top，right，bottom，left等属性不会被应用。 relative：对象遵循正常文档流，但将依据top，right，bottom，left等属性在正常文档流中偏移位置。而其层叠
阅读全文
摘要：积累了一些经验，总结出一些关于div的高度自适应的技巧，希望有助于大家，转载请标明出处，谢谢。一、高度的自适应（父div高度随子div的高度改变而改变）1、如果父div不定义height、子div均为标准流的时候，父div的height随内容的变化而变化,实现父div高度随子div的高度改变而改变。...
阅读全文
摘要：让DIV高度自适应，这是在网页设计中常遇到的问题，为了给大家提供参考，这里提供3种div高度自适应的方法：一是JS法、二是背景图填充法、三是“补丁大法”（比较变态）。1、JS法代码如下。原理：用JS判断左右DIV的高度，若不一致则设为一致。view sourceprint?01 02left 03 ...
阅读全文
摘要：本代码通过测试说明：一级栏目表。这里是硬编码在文件中了。二级栏目表ablum,里面有员工的信息：姓名(albuj_name)，id(album_id),所属部门id(type_id)<%@ include file="../data.jsp" %><%@ page contentType="text/html;charset=gb2312" %><% request....
阅读全文
摘要：JavaScript对下拉菜单的基本操作：1.获取一个下拉菜单对象Js代码 var select = document.getElementById("selectid"); 2.在下拉菜单中添加一个选项Js代码 var option = new Option("value","text");//第一项为值，第二项为文本域 3.把选项加入到下拉菜单中Js代码 select.options.add(...
阅读全文
摘要：有如下需求，需要控制一个table内几个tr的显示问题。一开始想的方法是在这几个要显示的tr外面套一个div,利用div的display:none属性来解决。 但是后来发现div和tr嵌套的时候会有问题。例如，如果我的html页面是这样的源码：view plaincopy to clipboardprint?<html><head> </head> <bo...
阅读全文
摘要：<style>#chaptertree li{float:left;width:40%;margin:1px;padding:0;}</style><div id="chaptertree"> <li><a > 六种不同风格的时间</a></li> <li><a > 带颜色的滚动条</...
阅读全文
摘要：//过滤html,输入参数： //html:要转换的数据字符串,filter:要过滤掉的单个格式 function DecodeFilter(html, filter) { switch(filter.toUpperCase()) { case "SCRIPT": // 去除所有客户端脚本javascipt,vbscript//过滤html,输入参数：//html:要转换的数据字符串,filter...
阅读全文
摘要：document.form.action,表单分向提交,javascript提交表单同一个表单可以根据用户的选择，提交给不同的后台处理程序。即，表单的分向提交。如，在编写论坛程序时，如果我们希望实现用户在发送贴子的时候，既发送提交功能又有预览功能时，就会遇到上述问题。即，当用户点击提交按钮时，我们希望表单提交给"提交"处理程序；而当用户点击预览按钮时，我们希望表单提交给"预览"处理程序。那么，如何...
阅读全文
摘要：<script>var ye=1;function window.onload(){if(window.name=="" || window.name==null){window.name=ye;}else{window.name++;}aa.innerText=window.name;}</script><span id=aa></span>每刷新...
阅读全文
摘要：<html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title></title></head><body> <form method="post" action="Default.aspx" onsubmit="return check(th...
阅读全文
摘要：*.location.href 用法: top.location.href=”url” 在顶层页面打开url（跳出框架） self.location.href=”url” 仅在本页面打开url地址 parent.location.href=”url” 在父窗口打开Url地址 this.location.href=&...
阅读全文
摘要：一，用CSS使DIV层水平居中对需要水平居中的DIV层添加以下属性: margin-left: auto; margin-right: auto; 这样在FF中已经居中了,可是在IE中看还是没有居中!问题并不在CSS而在XHTML网页本身.需要加上这样的代码才能使得上述设置有效果: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitio...
阅读全文
摘要：先谈谈!important问题的引起（盒模型问题）： 在CSS标准中，一个盒模型包括4个区，分别是：内容、内边距（padding）、边框（border） 和外边距（margin）。而Width宽度的计算，CSS有它的标准。但是实际上，不同的浏览器的表现却不同。比如， Firefox（FF）是准确按照CSS标准：width为内容的宽度，也就是说： 层的宽度 = width + paddin...
阅读全文
摘要：1.ie8下兼容问题，这个最好处理，转化成ie7兼容就可以。在头部加如下一段代码，然后只要在IE7下兼容了，IE8下面也就兼容了<meta http-equiv="x-ua-compatible" content="ie=7" />2.flaot浮动造成IE6下面双倍边距问题，这个最常见，也最好处理，!important解决，比如margin-left:10px !important;...
阅读全文
摘要：IE6里DIV错位的问题 采用”FLOAT：LEFT“的DIV在IE8、IE7、都没问题，IE6下却向下移动，出现空白。这是因为，IE6采用的内核默认把DIV之间的距离增加了3~5个PX，所以，试试是将下移的DIV的STYLE里增加"margin-left:-5px;"或者更小。解决IE7、IE8样式不兼容问题方法一、要在页面中加入如下HTTP meta-tag: <...
阅读全文
摘要：第二电脑网导读：TD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" ><head><title>Div Float Sample</title><style type="text/css">div { margin:3px; }.d1 { wi...
阅读全文
摘要：所有浏览器 通用 （市面上主要用到的IE6 IE7 FF）height: 100px; IE6 专用 _height: 100px; IE6 专用 *height: 100px; IE7 专用 *+height: 100px; IE7、FF 共用 height: 100px !important;一、CSS 兼容 以下两种方法几乎能解决现今所有兼容. 1, !important (不是很推荐，用下...
阅读全文