针对透明背景，包括背景图片和背景色（兼容IE，FF，OP等浏览器）一、背景完全透明 .bg{background:transparent } 二、背景半透明这里要分两个div，一个单独设置背景透明度，另外一个放内容 margin-top:-33px;使用这个方法让文字叠加在透明背景图上。css: .bg{ width: 1000px; height:33px; background-color:#fffff; background-image:url(img.jpg);filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3; -khtml-opacity: 0.3;}...
现行渐变首先看下示例（1）垂直渐变（2）垂直渐变IE系列 filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=‘#FF0000‘,endColorStr=‘#F9F900‘,gradientType=‘0‘); 参数：startColorStr起始颜色 endColorStr结束颜色 gradientType为0时代表垂直，为1时代表水平 Firefox background: -moz-linear-gradient(top, #FF0000, #F9F900); 参数：top、bottom垂直，left、right水平 例如：top时从顶部由#FF0000到#F9F...
1.给IE浏览器的7版本来提供需要引用的样式（如果把7去掉则给所有的IE浏览器提供样式）<!--[if IE 7]--><Link type="text/css" href="test.css" ... /><![endif]-->2.针对大于IE7的情况如下<!--[if gt IE 7]-->
<Link type="text/css" href="test.css" ... /><![endif]-->3.针对小于IE7的情况如下<!--[if lt IE 7]-->
<Link type="text/css" href="test.css" ... /><![endif]-->4.针对刨除IE7的情况如下(仅在IE7上不生效)<!--[if ! ...
经过长久以来的不懈努力，我终于成功的将selectivizr与PIE这两个解决css3的利器进行了深度的整合，大大降低了使用难度 只要在你的页面上加入这一行代码，整个页面全部兼容css3，不要忘了将文件下载回来放进/js/文件夹 兼容圆角border-radius，盒阴影box-shadow、渐变色linear-gradient()，相对长度单位(rem vh vw vmax vmin)等 项目主页http://gucong3000.github.io/selectivizr/ 所有*.js、*.htc需要放进同一文件夹内 打包...
需求：图片width1、利用max-width,max-height使图片等比例自动缩放，代码： 代码如下: img{max-width: 330px;max-height: 150px;} 由于ie6不支持css max-width,max-height,所以在ie6中需要利用javascript脚本来控制大小。 2、用javascript脚本来兼容ie6，代码如： 代码如下: var img_width = img.OffsetWidth;var img_height = OffsetHeight; var current_w = (150*img_width)/img_height; var current_h = (330*img_height)/im...
这个功能主要是解决内容页中的图片过大撑出，导致页面比较难看，就需要这样的代码，需要的朋友可以参考下 需求：图片width1、利用max-width,max-height使图片等比例自动缩放代码： 代码如下: img{max-width: 600px;max-height: 800px;} 由于ie6不支持css max-width,max-height,所以在ie6中需要利用javascript脚本来控制大小。 2、用javascript脚本来兼容ie6，代码如： 代码如下: var img_width = img.OffsetWidth;var img_heigh...
这个功能主要是解决内容页中的图片过大撑出，导致页面比较难看，就需要这样的代码，需要的朋友可以参考下 需求：图片width<=600px,height<=800。 1、利用max-width,max-height使图片等比例自动缩放代码： 代码如下:img{max-width: 600px;max-height: 800px;} 由于ie6不支持css max-width,max-height,所以在ie6中需要利用javascript脚本来控制大小。 2、用javascript脚本来兼容ie6，代码如： 代码如下:var img_width = img.Offse...
str 是表示通过ajax返回的XMLRequest /*动态加载css style*/ function loadStyle(str) { var regExp_src=/<style.*src\s*=\s*["'][^"']*["'].*>[^<>]*<\/style\s*>/gi; var matchArray_src=str.match(regExp_src); alert(matchArray_src[0]); if(matchArray_src){ for(var i=0;i<matchArray_src.length;i++) {alert("sss"); var str_temp = matchArray_src[i].toString(); var regExp_src_temp = /<style.*src\s*=\s*["']([^"']*)[...
在说到这个问题的时候，也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗？即使是某些浏览器不支持我只需做少许的CSS Hack技术就可以啊！所以在这里我还要啰嗦两句，CSS中的确是有vertical-align属性，但是它只对(X)HTML元素中拥有valign特性的元素才生效，例如表格元素中的、、等，而像、这样的元素是没有valign特性的，因此使用vertical-align对它们不起作用。Tips: 完美解决方案在文末！
一、单行垂直居中如果一个...
最近在写一个Div+Css布局的网站首页，以前写的页面都统一width:900px;不存在什么布局呀 什么float的设置。现在没办法呀！要对页面进行切割，分块。幸好，有点css的基础，不过用起来就比较郁闷了。在ie和firefox下，相同的属性值往往会有不同的显示效果。没办法 要兼容浏览器 只得一个一个bug去找。但完全兼容浏览器是无法做到的，所以也只能将个大概的效果展示出来，不要偏差太大太明显就行。 首先，需要提出的是float这个浮动...
/*CSS?式?置 ?聚文 Geovin Du**/.text8{ font-family: Arial, Helvetica, sans-serif; background-image: url(../images/05.jpg); height:42px; text-align:center; }.geovindu{ cursor:auto; text-decoration: none; color: #000;} a.geovindu:hover .text8{ /*background: #000;*/ color:red; background-image: url(../images/06.jpg);}.content{ margin-top:10px; padding-top:10px;}a.g...
此层最少高度为200px，也就是说，即使div中没有任何内容，高度也会保持在 200px，当DIV中的内容超过500px时，则自动增加DIV的高度。这个对IE或是FF等浏览器都会兼容的。（背景色是为了方便查看效果用 的）
围护结构温度湿度系统光照辐射系统真空与负压系统计算机测控系统辅助设施项目淋雨、雾、冻雨模拟系统砂尘系统通风系统吹风系统水处理及给排水系统配电、布线与照明工程盐雾模拟系统高压干燥气体系统 显示结果在： firefox: IE9: 以上问题如何解决？请指点？ 回复讨论(解决方案) 补充上样式： #ordmenu{width:100%;margin:0px 0px 0px 5px;}#ordmenu ul{width:100%;margin:0...
我现有的代码只兼容IE8以下的，IE9和火狐无法兼容，求大神帮帮忙啊！！ <div id="codefans_net" visibility: visible; border:#A3DFF7 1px solid;>
IE下判断IE版本的语句 IE6及其以下版本可见 IE7及其以下版本可见 只有IE6版本可见 IE8以下的版本可见 IE7及大于IE7的版本可见 其中： lt：表示小于 lte：表示小于等于 gt：表示大于 gte：表示大于等于 没...
这样就存在了新的问题，目前在IE7中工作正常的网页在IE8中会出现问题。