-
破洛洛文章简介:百分百全屏背景注意要点-注意设计你网页美工图对应百分百背景图设计注意事项。 百分百全屏背景注意要点-注意设计你网页美工图对应百分百背景图设计注意事项。 通常我们为了网页漂亮,对网页背景图片也进行设计与其主体内容区融合漂亮。 这里有个设计美工图要注意地方: 1、网页美工设计图作为背景不能太大,不然切出背景图太大,从而使网页打开慢。 2、百分百宽度背景图,应当遵循背景图片一定居中,并且背景图片两边可以切出重复平铺。 以上图例说明:网页背景设计图要想在不同分辨率IE下显示100%充满条件,要么图很大(图宽大,会造成图片文件大,造成网页打开慢),要么背景图片合适,并且背景设计图左右相同并且可以横向重复平铺使用。 3、使用一个图作为网页重复平铺时候,一定注意重复平铺时候可以自然衔接平铺。
作者:七零
时间:2015-03-05
分类:HTML
评论:0条
浏览:2322次
-
首先要声明,万恶的IE6! 有如下代码: <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上面。这是没有问题的。但是一到IE6下一看,傻了!#b111居然盖在#…
作者:七零
时间:2015-01-04
分类:HTML
评论:0条
浏览:2502次
-
页面上需要一个固定位置的块,不论页面怎么滚动,始终停在它的位置,比如“返回顶部”、“给建议”、“分享按钮”、“广告”等等。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条
浏览:2493次
-
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条
浏览:2874次
-
<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条
浏览:2256次
-
CodeMirror
作者:七零
时间:2014-10-08
分类:HTML
评论:0条
浏览:2495次
-
<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条
浏览:2608次
-
新版本的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条
浏览:4915次
-
(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条
浏览:2567次