-
破洛洛文章简介：百分百全屏背景注意要点-注意设计你网页美工图对应百分百背景图设计注意事项。 百分百全屏背景注意要点-注意设计你网页美工图对应百分百背景图设计注意事项。 通常我们为了网页漂亮，对网页背景图片也进行设计与其主体内容区融合漂亮。 这里有个设计美工图要注意地方： 1、网页美工设计图作为背景不能太大，不然切出背景图太大，从而使网页打开慢。 2、百分百宽度背景图，应当遵循背景图片一定居中，并且背景图片两边可以切出重复平铺。 以上图例说明：网页背景设计图要想在不同分辨率IE下显示100%充满条件，要么图很大(图宽大，会造成图片文件大，造成网页打开慢)，要么背景图片合适，并且背景设计图左右相同并且可以横向重复平铺使用。 3、使用一个图作为网页重复平铺时候，一定注意重复平铺时候可以自然衔接平铺。
作者:七零
时间:2015-03-05
分类:HTML
评论:0条
浏览:2256次
-
首先要声明，万恶的ＩＥ６！ 有如下代码： <div> <div id="a"> <ul id="a1"> <li>....</li> </ul> </div> <div id="b"> <div id="b1"> <div id="b11"> <p id="b111"></p> </div> </div> </div> </div> 现，假设有 #a{position:relative;float:left;} #a1{position:absolute;top:0;left:100px;z-index:999'} #b11{position:relative;float:left;} #b111{position:absolute;top:0;left:0;} 那么，在chrome.Firefox下，＃a1的确是的#b111上面。这是没有问题的。但是一到ＩＥ６下一看，傻了！＃b111居然盖在#…
作者:七零
时间:2015-01-04
分类:HTML
评论:0条
浏览:2410次
-
页面上需要一个固定位置的块，不论页面怎么滚动，始终停在它的位置，比如“返回顶部”、“给建议”、“分享按钮”、“广告”等等。css中有position:fixed;可以直接用。IE确不支持，解决办法： *html,* htmlbody{background-image:url(about:blank);background-attachment:fixed;} .top-nav-wrap-fix{position: fixed; top:0;_position:absolute;_top:expression_r(eval_r(document.documentElement.scrollTop));left:0; } 针对IE7、Opera、Firefox一行搞定 使元素固定在浏览器的顶部：#top{_position:absolute;_bottom:auto;_top:expression_r(eval_r(document.documentElement.scrollTop));}使元素固定在浏览器的底部：#top{_position:absolute;_bottom:a…
作者:七零
时间:2015-01-04
分类:HTML
评论:0条
浏览:2416次
-
select的css width样式，包含边框和内边距，即：真实的width=CSS width。 而input的css width样式，则不包含边框和内间距，真实的width=CSS width border padding。 解决的方法： 设置select的CSS width=input 的CSS width border padding 看下面的例子<style type="text/css">*{margin:0;padding:0;}div{margin-bottom:1px;}.input1{width:98px;border:1px solid #0000FF;}.select1{width:100px;border:1px solid #0000FF;padding:1px;}/*select样式width已包含border、padding，而input的width不包含border、padding*/.input2{width:96px;}.select2{width:100px;padding:1px;}<div><input c…
作者:七零
时间:2015-01-04
分类:HTML
评论:0条
浏览:2802次
-
<div style="TEXT-ALIGN:center"><EMBED style="FILTER: invert()" height=350 type=application/x-shockwave-flash align="center><br/><EMBED" width=500 src=//open.qzone.qq.com/url_check?appid=99&url=http://url.cn/F0Ra3A p></div>
作者:七零
时间:2014-12-07
分类:HTML
评论:0条
浏览:2190次
-
CodeMirror
作者:七零
时间:2014-10-08
分类:HTML
评论:0条
浏览:2417次
-
<input id="theId" name="checkbox" style="vertical-align:middle;" type="checkbox" /> <a href="http://www.qiling.org/admin/the_link" title="the_title" style="vertical-align:middle;">对齐</a>
作者:七零
时间:2014-09-27
分类:HTML
评论:0条
浏览:2532次
-
新版本的360有2种模式，基于Webkit内核的极速模式，和IE内核的兼容模式。 如果要强制360以极速模式浏览网页，可以给此网页增加meta，强制360浏览器以极速模式解析此网页，而非IE兼容模式。 代码示例，在head标签中添加一行代码： <html><head><meta name="renderer" content="webkit"></head><body></body></html> content的取值为webkit,ie-comp,ie-stand之一，区分大小写，分别代表用webkit内核，IE兼容内核，IE标准内核。 若页面需默认用极速核，增加标签：<meta name="renderer" content="webkit"> 若页面需默认用ie兼容内核，增加标签：<meta name="renderer" content="ie-comp"> 若页面需默认用ie标准内核，增加标签：<me…
作者:七零
时间:2014-09-23
分类:HTML
评论:0条
浏览:4825次
-
（1）用expression 鼠标滑过变色： <style type="text/css"><!-- table { background-color:#000000; cursor:hand; width:100%; }td {onmouseover: expression(onmouseover=function (){this.style.borderColor ='blue';this.style.color='red';this.style.backgroundColor ='yellow'}); onmouseout: expression(onmouseout=function (){this.style.borderColor='';this.style.color='';this.style.backgroundColor =''});background-color:#ffffff;} --></style> <table><tr><td>第1行&…
作者:七零
时间:2014-06-12
分类:HTML
评论:0条
浏览:2498次