
Div+Css
ninja
这个作者很懒,什么都没留下…
展开
-
Flash焦点图广告去除“慧聪网版权所有”字样的focus.swf下载
在网上有一款Flash焦点图广告,效果不错,默认情况下不显示标题文字,当我们设置成显示文字标签的时候往往看不到真实的标题,总是显示“慧聪网版权所有”字样,这里我截了个图,如下所示: 其实出现版权字样的最主要的原因就是focus.swf文件,该文件中被加入了版权文字的显示,所以这里我找到一个去掉版权的focus.swf文件,大家下载后覆盖掉原来的就OK啦,就能正常显示你设置的标题文字了转载 2012-03-19 12:11:24 · 2230 阅读 · 6 评论 -
怎样把网站变为灰色
表达全国各族人民对四川汶川大地震遇难同胞的深切哀悼,国务院决定,2008年5月19日至21日为全国哀悼日。在此期间,全国和各驻外机构下半旗志哀,停止公共娱乐活动,外交部和我国驻外使领馆设立吊唁簿。5月19日14时28分起,全国人民默哀3分钟,届时汽车、火车、舰船鸣笛,防空警报鸣响。* 为方便站点哀悼,特提供css滤镜代码,以表哀悼。html { filter:progid:DXImageTrans转载 2012-07-06 18:19:06 · 1951 阅读 · 0 评论 -
hr 虚线
Untitled Document123456转载 2012-05-11 16:59:46 · 3212 阅读 · 0 评论 -
再谈iframe自适应高度
通过Google搜索iframe 自适应高度,结果5W多条,搜索iframe 高度自适应,结果2W多条。我翻了前面的几十条,刨去大量的转载,有那么三五篇是原创的。而这几篇原创里面,基本上只谈到如何自适应静的东西,就是没有考虑到JS操作DOM之后,如何做动态同步的问题。另外,在兼容性方面,也研究的不彻底。这篇文章,希望在这两个方面再做一些深入。可能有人还没接触到这个问题过,先说明一下,什转载 2012-04-18 19:17:26 · 1208 阅读 · 0 评论 -
内嵌框架iframe在火狐ff下自适高度(ie6、ie7、ff都正常)
1.脚本在调用iframe的页面添加脚本var FFextraHeight = 0;if(window.navigator.userAgent.indexOf("Firefox")>=1){FFextraHeight =35;//在火狐下的参数 可以调}function ReSizeiFrame(iframe){if(iframe && !window.oper转载 2012-03-07 11:12:13 · 2559 阅读 · 0 评论 -
再谈iframe自适应高度
通过Google搜索iframe 自适应高度,结果5W多条,搜索iframe 高度自适应,结果2W多条。我翻了前面的几十条,刨去大量的转载,有那么三五篇是原创的。而这几篇原创里面,基本上只谈到如何自适应静的东西,就是没有考虑到JS操作DOM之后,如何做动态同步的问题。另外,在兼容性方面,也研究的不彻底。这篇文章,希望在这两个方面再做一些深入。可能有人还没接触到这个问题过,先说明一下,什转载 2012-02-27 15:26:10 · 795 阅读 · 0 评论 -
IE,火狐,OPERA等浏览器CSS Hack和向后兼容
人一旦习惯了某些东西就很难去改,以及各种各样的原因,新的浏览器越来越多,而老的总淘汰不了。增长总是快于消亡导致了浏览器兼容是成了谈不完的话题。说 到浏览器兼容,CSS HACK自然而然地被我们想起。今天,我们通常都有一个团队或者将有一个团队的人在一个公司里面做相同的事,需要我们有统一的规范来进行Coding,以 方便维护。而解决兼容的方法就是(必须是,因为这才最容易有问题的)其中一个最重要的、要解转载 2012-02-10 10:23:24 · 1694 阅读 · 0 评论 -
CSS强制英文、中文换行与不换行
Transshipment Booking System is launched只对英文起作用,以字母作为换行依据Transshipment Booking System is launched只对英文起作用,以单词作为换行依据Transshipment Booking System is launched只对中文起作用,强制换行Transshipment Booking转载 2012-02-10 10:19:13 · 15861 阅读 · 0 评论 -
ie6,7中overflow:hidden失效
1.IE6.7下overflow:hidden对其下的绝对层position:absolute或者相对层position:relative无效。解决方案:给overflow:hidden加position:relative或者position:absolute。另,IE6支持overflow-x或者overflow-y的特性,IE7、Firefox不支持。2.IE6.7下,overflow原创 2012-02-05 06:21:40 · 3750 阅读 · 0 评论 -
在IE6,IE7 中DIV容器固定高度的使用技巧
IE6和IE7对CSS的解释存在很多差别,今天谈其中一点:height。例子:IE6下:如果DIV里的内容高度不超过50px,DIV的高度就是50px,如果超过了设定的值,高度会随内容而撑开,也就是通常说的自适应高度。IE7下:如果DIV里的内容高度不超过50px,DIV的高度就是50px,如果超过了设定的值,DIV的高度仍会固定在50px,多余的内容会超过DIV而溢出,如果D转载 2012-07-12 16:48:40 · 982 阅读 · 0 评论 -
IE6不支持min-height的解决办法
IE6不支持min-height的解决办法最小高度min-height是很有用的,但IE6却不支持。真烦人。有没有办法呢?第一种方法:我们可以利用IE6不识别!important来实现: height:auto!important; height:500px; min-height:500px; 还有一种方法:在IE6IE5IE7FF测试竟然正常,而且能通过W3C检测的,转载 2012-07-12 16:27:50 · 785 阅读 · 0 评论 -
CSS禁止选择文本功能(兼容IE,火狐等浏览器)
有时候,我们为了用户体验,需要禁用选择文本功能。这需要用到一个CSS属性:user-select,user-select的文档点这里user-select有两个值:none:用户不能选择文本text:用户可以选择文本需要注意的是:user-select并不是一个W3C的CSS标准属性,浏览器支持的不完整,需要对每种浏览器进行调整copytextb转载 2014-01-12 10:58:35 · 1273 阅读 · 0 评论 -
MIME type类型
类型/子类型扩展名application/envoyevyapplication/fractalsfifapplication/futuresplashsplapplication/htahtaapplication/internet-property-streamacxapplication/mac-转载 2012-12-29 10:44:51 · 929 阅读 · 0 评论 -
将页面变灰
不知道还有多少人记得曾经为了悼念5·12汶川地震,很多网站都将页面中所有的图片以及文字变成灰色。彪叔曾经也做了一个工具“哀悼的CSS(网站变灰)2.0”,用来把网站变灰。想想当初有多人为了这个事情而忙得不可开交,要把所有的图片在photoshop里去色,再到样式表中把所有的颜色值改成灰色,最后等过了时间之后又要恢复原状。其中也有一些网站仅仅是在IE浏览器中用了滤镜来解决,并没有去处理其他浏览器转载 2012-12-14 09:51:57 · 1289 阅读 · 0 评论 -
支持多浏览器的网站变灰方法
这篇文章中给出了针对 IE 浏览器的使网站变灰的方法,具体做法是在 CSS 文件的开头添加这样一行:html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }但是很遗憾这种方法并不能支持 Firefox 和 Chrome。这篇博客介绍一种支持各种浏览器的网站变灰方法,试验其支持 Firefox转载 2012-12-13 17:09:10 · 1260 阅读 · 0 评论 -
解决IE6下select z-index 无效
这两天工作主要就是修复那些IE6,ie7下的各种bug。对于ie6,我还能说神马了,天朝还有这么多的人在使用ie6,客户也是很多使用IE6的,木有办法,只有边恶心,边折腾了。今天纠结的一个问题就是在ie6下浮动层被select所遮盖,之前还没有遇到过这个问题,google了一下,找到如下方法:用个iframe包裹住select,由于要更改的页面比较多,就放弃了这个方法。采用基于jQu转载 2012-11-14 10:01:48 · 2352 阅读 · 0 评论 -
解决IE6浏览器中Div层挡不住Select组件
1、依赖组件:依赖于Jquery的核心组件jquery.js。2、解决的问题:解决div层挡不住Select组件的问题(通常该问出出现IE6浏览器中)。如果需要源代码请下载附件。3、使用方法:(1)、在要使用的页面(.jsp或者.html)中首先导入Jquery的核心组件库jquery.js。(如果不使用Jquery组件,你必须修改js文件中的部分代码:1、获取浏览器类型和版本号的转载 2012-11-07 15:33:59 · 1029 阅读 · 0 评论 -
css透明与半透明
CSS代码,大背景图片变成半透明的方法.半透明的蒙纱模块,效果显著非常好,用减弱图片透明度的代码完成的.现将代码放置在和讯博客CSS里也同样有此效果..最近良曼在百度空间里看到一款模板很不错,是半透明的蒙纱模块,效果显著非常好,才知道是用减弱图片透明度的代码完成的.现将代码放置在和讯博客CSS里也同样有此效果.在网络上找到半透明代码,CSS代码:.alpha1,.alpha2{转载 2012-09-24 09:14:00 · 6457 阅读 · 0 评论 -
通用CSS Hack
浏览器的兼容性一直是个头疼的问题,使用“欺骗”技术可使各个浏览器效果一致,花了些时间整理了各个浏览器的HACK,主要包括IE系列和最新版本的Chrome、Safari、Firefox、 Opera,比较全面的记录下Hack,内容包括3部分:@ hack、属性Hack、选择器Hack,这些Hack已经测试并得到有效运用,有需要的同学可以放心使用,笔者会在以后不断的更新,如果有需要补充或者修改的,欢迎转载 2012-08-02 16:48:29 · 822 阅读 · 0 评论 -
IE6下的多余字符bug的2种情况和解决办法
情况一:#content {width:774px;}.title { display:block; float:left; width:50%; margin-bottom:12px; color:red; }.intro { display:block; float:left; width:50转载 2011-12-23 13:27:27 · 1713 阅读 · 0 评论 -
jquery fancybox ie6无法显示关闭按钮
解决办法:打开jquery.fancybox-1.3.4.css 注释掉这行就行了:.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close原创 2011-12-08 23:27:52 · 2724 阅读 · 2 评论 -
DIV+CSS技巧-最实用的16条css样式设置
在这里远方博客整理的CSS技巧,可能其中的某几条是你一直在使用的CSS样式设置方法,但是其他人没有经常应用到的,所以有些CSS技巧可能对你来说是非常简单的东西,这16条个人认为最实用的DIV+CSS 技巧都通过了个人部分浏览器测试(IE+firefox)。DIV+CSS是符合W3C Web标准的网页布局模式,实现了html网页内容与表现的分离,不仅有利于网站的标准化和站点维护,对搜索引擎优化(转载 2011-12-07 22:40:37 · 2076 阅读 · 1 评论 -
用min-height实现最小高度(兼容IE6、IE7、FF)
1、#mrjin { background:#ccc; min-height:100px; height:100px; height:auto !important; overflow:visible;} 2、#mrjin {min-height:289px;height:289px; } (IE6)*+html #mrjin {l转载 2010-02-09 15:24:00 · 682 阅读 · 0 评论 -
让Div浮动层浮在Flash上面下去
今天在网站首页做浮动的时候,发现网站首页中因为放了好多Flash,结果把浮动的DIV给挡住了。 试了下把浮动层的z-index:1调高到z-index:1000,不起作用。后来看到浮动层在首页的其中一个Flash的位置上,是在flash的上方的,就马上对照了一下,原来我是把这个flash设为透明了,也就是说还是在下方:: ,我就开始设置别的几个flash,也不知道怎么了,别的几个就是不显示转载 2009-12-04 14:41:00 · 1789 阅读 · 0 评论 -
居中
#warp { position: absolute; width:500px; height:200px; left:50%; top:50%; margin-left:-250px; margin-top:-100px; border: solid 3px red;} Test转载 2009-12-04 13:53:00 · 620 阅读 · 0 评论 -
如何让div横向排列
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">div {float:left;width:200px;height:200px;border:1px solid red}-->web标准常见问题大全web标准常见问题大全web标准常见问题大全横向排列DIV可以使用浮动的方式比如float:left,或者设置对象为内联,还可以绝对定位对象等转载 2010-01-27 16:16:00 · 7712 阅读 · 0 评论 -
css 鼠标经过文字变色
#dh{width:1003px;height:36px;background-image:url(images/mmain_03.gif)}#dh li{ height:30px; width:110px; float:left; list-style:none; text-align:center; margin:7px; padding:5px;}#dh li a:link { fon原创 2009-11-27 15:04:00 · 5070 阅读 · 0 评论 -
li中的图片和文字不对齐div+css,解决方法
ul> li> img style=‘vertical-align:middle src=icon01.gif />前面的图片要和我对齐li> li> img style=vertical-align:middle src=‘icon01.gif />前面的图片要和我对齐li> li> img style=vertical-align:middle sr原创 2009-11-27 11:09:00 · 7887 阅读 · 0 评论 -
media="screen"
media=“”指定这个CSS用于何种设备。具体参数如下:screen (缺省值),提交到计算机屏幕;print, 输出到打印机;projection,提交到投影机;aural,扬声器;braille,提交到凸字触觉感知设备;tty,电传打字机 (使用固定的字体);tv,电视机;all,所有输出设备原创 2009-11-27 09:52:00 · 865 阅读 · 0 评论 -
position 绝对定位的问题
今天做页的时候,碰到了一个问题:div无法对父对象绝对定位。 但是发现无论怎么调整都是针对body定位,郁闷! 看了下css手册,也没发现有什么不对。到网上查了下,发现了这么一句话:absolute 脱离文档流,通过 top,bottom,left,right 定位,选取其最近的父级定位元素,当父级 position 为 static 时,absolute元素将以b转载 2010-01-19 14:37:00 · 1111 阅读 · 0 评论 -
ie8 css float问题
#weblmenu{height:22px;width:700px;float:left;display:inline;text-align:left;}#weblmenu ul{height:22px;width:700px;text-align:left;float:left;}#weblmenu ul li{height:22px;width:110px;float:left;list-st原创 2010-02-23 10:02:00 · 2606 阅读 · 1 评论 -
css 非表格垂直对齐效果代码
点评:非表格,一般就是指Div了。在表格中垂直居中很简单,非表格呢,可以用两种方法。 第一:相对定位和绝对定位 以下是一固定宽高的Div的垂直居中代码 div{ position:absolute; top:50%; left:50%; width:400px; height:400px; margin:-200px 0 0 -200px; border:1px solid #000000;转载 2010-02-20 15:51:00 · 1012 阅读 · 0 评论 -
input type=file 标签禁止让用户手动输入
常规的Web应用程序中涉及到文件上传的部分都不可避免地会使用到控件,在上传文件的时候通过点击“浏览”按钮,在弹出的文件选择对话框中选择本地要上传的文件。当然,如果你已经知道要上传的文件的本地路径,也可以复制路径到控件的输入框中(例如要选择的文件的路径特别长)。这就存在一个问题,如果你所复制的文件路径根本不存在,那么上传的时候就无法正确获取到文件,而且在javascript中没有判断该控件所选择的文转载 2011-12-08 11:12:25 · 1512 阅读 · 0 评论 -
IE6、IE7、IE8、Firefox兼容性问题
1.区别IE和非IE浏览器 #tip {background:blue; /*非IE 背景藍色*/background:red \9; /*IE6、IE7、IE8背景紅色*/} 2.区别IE6,IE7,IE8,FF 【区别符号】:「\9」、「*」、「_转载 2011-10-18 17:12:00 · 766 阅读 · 0 评论 -
voice-family: "/"}/"";的作用
<br />#menu3 li a { <br />height: 32px; <br />voice-family: "/"}/""; <br />voice-family: inherit; <br />height: 24px; <br />text-decoration: none; <br />}<br />而"voice-family:"/"}/"" ;voice-family:inherit;" 是CSS的语音属性,由于Window IE5.5不完全支持CSS2,不识别此属性,因此跳到下一个选转载 2010-10-12 14:46:00 · 1406 阅读 · 0 评论 -
解决IE浏览器li下list-style-type无效的问题
<br />今天做了一个小页面,用到了li标签,发现在IE浏览器下li前面默认的实心圆点不显示,也就是说list-style-type:disc无效,但是在firefox下确实正常的。<br />原因可能是因为某些浮动设置造成了li不正常显示,解决的方法也很简单,就是使用增加一个属性:<br />list-style-position: inside<br />这样就li的list-style-type属性就生效了转载 2010-10-13 15:17:00 · 3102 阅读 · 0 评论 -
css网页背景渐变
style type="text/css">/* 从上往下渐变*/body{ FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#003C9F,endColorStr=white);}/* 从左上至右下渐变*/body{ b转载 2010-01-07 14:59:00 · 691 阅读 · 0 评论 -
css自动换行(转)
连续的英文或数字能是容器被撑大,不能根据容器的大小自动换行,对于Div和table以及不同的浏览器,实现css自动换行的方法都稍有不同,下面分别介绍: 对于div 1.(IE浏览器)white-space:normal; word-break:break-all;这里前者是遵循标准。以下是引用片段:#wrap{white-space:normal; width:200px;转载 2009-12-18 13:50:00 · 824 阅读 · 0 评论 -
根据input的type来控制css样式
/*根据input的type来控制css样式*//*1.用css的expression判断表达式优点:简单,轻量级缺点:expression判断表达式FireFox是不支持的。致命的是只能区分出一个(例如例子中就只能区分出text文本框),不要试图设置多个,下面的会将上面的覆盖掉 input{background-color:expression(this.type=="text"?#F原创 2009-12-16 09:00:00 · 20055 阅读 · 0 评论 -
div+css 网页布局
今天刚弄的,呵呵 index.asp %@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">网站首页设为首页 加入收藏 1JA原创 2009-12-16 17:34:00 · 974 阅读 · 0 评论