随笔分类 -  CSS相关

摘要:<div class="J_TWidget" data-widget-config="{'effect': 'fade', 'circular': true ,'navCls':'toseise','activeTriggerCls':'odslos','contentCls':'piaofu'}" data-widget-type="Tabs"> <div class=&q 阅读全文
posted @ 2013-05-11 18:13 banbu 阅读(314) 评论(0) 推荐(0) 编辑
摘要:今天看到一个网站的jQuesr效果不错。扒了。发现其实很简单的。 1 <style> 2 .yk_login { 3 width: 100%; 4 float: left; 5 height: 100px; 6 position: fixed; 7 bottom: 0; 8 left: 0; 9 overflow: hidden; 10 z-index: 9999; 11 _position: absolute; 12 _bottom: auto; 13 _top: expression(... 阅读全文
posted @ 2012-09-23 20:41 banbu 阅读(438) 评论(0) 推荐(0) 编辑
摘要:internet explorer developer toolbarIE Collection 阅读全文
posted @ 2012-08-28 16:37 banbu 阅读(312) 评论(0) 推荐(0) 编辑
摘要:a.user img{border:3px solid #efefef}a.user:hover{zoom:1}a.user:hover img{border:3px solid #999;} 阅读全文
posted @ 2012-08-13 14:19 banbu 阅读(166) 评论(0) 推荐(0) 编辑
摘要:<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>使用自定义标签</title> <style type="text/css"> banbu\:h1{display:block; border:1px solid #ccc; background-color:#efefef; color:#00a;width:100px;heigh 阅读全文
posted @ 2012-07-25 15:09 banbu 阅读(307) 评论(0) 推荐(0) 编辑
摘要:<!–[iflt IE 9]> <script src=”http://html5shiv.googlecode.com/svn/trunk/html5.js”></script> <![endif]–> 阅读全文
posted @ 2012-07-25 14:01 banbu 阅读(141) 评论(0) 推荐(0) 编辑
摘要:<html><head><script type="text/javascript">function disp_prompt() { var name=prompt("请输入您的名字","Bill Gates") if (name!=null && name!="") { document.write("你好!" + name + " 今天过得怎么样?") } }</script></head>&l 阅读全文
posted @ 2012-07-25 11:10 banbu 阅读(380) 评论(0) 推荐(0) 编辑
摘要:<html><head><script type="text/javascript">function show_confirm(){var r=confirm("Press a button!");if (r==true) { alert("You pressed OK!"); }else { alert("You pressed Cancel!"); }}</script></head><body><input type=" 阅读全文
posted @ 2012-07-25 11:08 banbu 阅读(1630) 评论(0) 推荐(0) 编辑
摘要:<script>function GetRandomNum(Min,Max){var Range = Max - Min;var Rand = Math.random();return(Min + Math.round(Rand * Range));}var num = GetRandomNum(1,10);alert(num);</script>var chars = ['0','1','2','3','4','5','6','7',' 阅读全文
posted @ 2012-07-25 11:06 banbu 阅读(592343) 评论(6) 推荐(14) 编辑
摘要:<style type="text/css">.aaa {line-height:250px;border:#999999 dashed 1px; font-size:0;}.aaa a{display:inline-block;vertical-align: middle;line-height:1.5em;font-size:12px}</style><p class="aaa"><a>这里是高度为150像素的标签内的多行文字,文字大小为20像素。<br />这里是第二行,用来测试多行的显示 阅读全文
posted @ 2012-07-23 15:23 banbu 阅读(1198) 评论(0) 推荐(0) 编辑
摘要:点评:网页制作Webjx文章简介:在进行页面的DIV CSS排版时,遇到IE6(当然有时Firefox下也会偶遇)浏览器中的图片元素img下出现多余空白的问题绝对是常见的对于该问题的解决方法也是“见机行事”,根据原因的不同要用不同的解决方法,这里把解决直接在进行页面的DIV CSS排版时,遇到IE6(当然有时Firefox下也会偶遇)浏览器中的图片元素img下出现多余空白的问题绝对是常见的对于该问题的解决方法也是“见机行事”,根据原因的不同要用不同的解决方法,这里把解决直接把解决image图片布局下边的多余空隙的BUG的常用方法在进行页面的DIV CSS排版时,遇到IE6(当然有时Firefo 阅读全文
posted @ 2012-07-21 22:32 banbu 阅读(281) 评论(0) 推荐(0) 编辑
摘要:解决的办法是给给子元素加上 display:inline 属性。 阅读全文
posted @ 2012-07-05 11:51 banbu 阅读(154) 评论(0) 推荐(0) 编辑
摘要:Tahoma,Helvetica,Arial,'宋体',sans-serif 阅读全文
posted @ 2012-03-10 13:06 banbu 阅读(158) 评论(0) 推荐(0) 编辑
摘要:1:li边距“无故”增加任何事情都是有原因的,li边距也不例外。先描述一下具体状况:有些时候li边距会突然增 加很多,值也不固定(只在IE6/IE7有这种现象),让人摸不着头脑,仔细“研究”发现是由于其低级元素ul的padding引 起,padding的上下值对li有影响,左右无影 响。所以只好笨手笨脚地把padding去掉,换成margin。这是能解决问题,但往往不是我们想要的结果,或许 还会引起其他不必要的怪现象。现在终于发现解决这个问题的方法,其实很简单,既然是有ul引 起的,就设置ul的显示形式为*display:inline-block;即可,前面加*是只 针对IE6/IE7有效,其 阅读全文
posted @ 2012-03-10 13:02 banbu 阅读(397) 评论(0) 推荐(0) 编辑
摘要:<script type="text/javascript" >function detectOS() { var sUserAgent = navigator.userAgent; var isWin = (navigator.platform == "Win32") || (navigator.platform == "Windows"); var isMac = (navigator.platform == "Mac68K") || (navigator.platform == "Mac 阅读全文
posted @ 2011-10-26 23:42 banbu 阅读(3535) 评论(0) 推荐(0) 编辑
摘要:<script type="text/javascript"> var Sys = {}; var ua = navigator.userAgent.toLowerCase(); if (window.ActiveXObject) Sys.ie = ua.match(/msie ([\d.]+)/)[1] else if (document.getBoxObjectFor) Sys.firefox = ua.match(/firefox\/([\d.]+)/)[1] else if... 阅读全文
posted @ 2011-10-26 23:27 banbu 阅读(4219) 评论(0) 推荐(1) 编辑
摘要:Hi 1 <style type="text/css"> 2 <!-- 3 .banbu1,.banbu2{ 4 width:100px; 5 height:100px 6 } 7 .banbu1 { 8 background:#CCC; 9 10 }11 .banbu2{12 background:#FF0000;13 14 }15 -->16 </style>17 </head>18 19 <body>20 <div class="banbu1" onmousemove="t 阅读全文
posted @ 2011-10-26 22:50 banbu 阅读(4723) 评论(0) 推荐(0) 编辑
摘要:解决办法:1.,<li>标签设置浮动2.<li>获得layout3.li {vertical-align:middle} (推荐)4.li {vertical-align:text-top}5.li {font-size:0} 阅读全文
posted @ 2011-10-25 15:09 banbu 阅读(171) 评论(0) 推荐(0) 编辑
摘要:JS下载地址调用方式就是在页面里插入以下代码1 <!--[if IE 6]>2 <script type="text/javascript" src="js/png.js" ></script>3 <script type="text/javascript">4 DD_belatedPNG.fix('#Top_Logo');5 </script>6 <![endif]-->#TOP_Logo 换成你需要透明的标签多个用","号分 阅读全文
posted @ 2011-10-21 14:55 banbu 阅读(169) 评论(0) 推荐(0) 编辑
摘要:IE6下默认的字体尺寸大致在 12 - 14px 之间,当你试图定义一个高度小于这个默认值的 div 的时候, IE 会固执的认为这个层的高度不应该小于字体的行高。所以即使你用height: 6px;来定义了一个div的高度,实际在 IE 下显示的仍然是一个 12 px 左右高度的层。要解决这个问题,可以强制定义该div的字体尺寸,或者定义overflow属性来限制div高度的自动调整。比如<div ></div>或者<div ></div>都可以阻止 IE 的自作聪明。该问题在 IE7 / Firefox /Opera 下均不存在。overfl 阅读全文
posted @ 2011-10-12 01:06 banbu 阅读(221) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示