css
魔豆爸
擅长Web开发前端技术,具有多种浏览器下开发经验。精通 JavaScriptAJAX编程熟练使用主流JS库。手写JS能力强,运用无干扰的JS思想进行开发。熟练使用CSS及DHTML,W3C标准的推广和贯彻者。熟悉Java语言,MVC设计模式,StrutsSpring架构
展开
-
去掉点击链接后的虚线框
点击一个超链接后默认会有一个虚线框,有时候要求去掉它。firefox及标准浏览器下可以用css属性outline:IE下如下实现(据说过多使用效率低):a{ blr:expression(this.onFocus=this.blur()); } 见:http://leotheme.cn/javascript/quediaolinksdesxk.htmlwebkit内核浏览器(Safari/Chrome)中点击链接后不会有虚线框,这应该是默认样式的问题。如果想让其和IE/Firefox一样点击后留原创 2010-09-07 08:35:00 · 519 阅读 · 0 评论 -
js操作css float属性
<br /> <br />在写js操作css的过程中发现float属性在IE和firefox下对应的js脚本是不一样的,IE下对应得是styleFloat,firefox,chorme,safari下对应的是cssFloat,可用in运算符去检测style是否包含此属性。<br /> <br />下面是兼容性代码<br /> <br /> <br />var setFloatStyle=function(obj,style) { var sty=obj.style; if('cssFloat' i原创 2010-09-06 14:58:00 · 597 阅读 · 0 评论 -
IE css hack汇总
<br />汇总下IE各版本的css hack。<br /> hack示例IE6(S)IE6(Q)IE7(S)IE7(Q)IE8(S)IE8(Q)**colorYesYesYesYesNoYes++colorYesYesYesYesNoYes--colorYesYesNoNoNoNo__colorYesYesNoYesNoYes##colorYesYesYesYesNoYes/0color/0NoNoNoNoYesNo/9color/9YesYesYesYesYesYes!importantcolor:bl原创 2010-11-26 17:46:00 · 414 阅读 · 0 评论 -
关于cssText属性
<br />给一个html元素设置css属性,如:<br />var head= document.getElementById("head"); head.style.width = "200px"; head.style.height = "70px"; head.style.display = "block";<br /> <br />这样写太罗嗦了,为了简单些写个工具函数,如:<br />function setStyle(obj,css){ for(var atr in css)原创 2010-11-26 18:00:00 · 418 阅读 · 0 评论 -
有趣的居中方式
古老的center标签已经废弃了,css的text-align取代了它。 一、text-align 可以使行内元素居中,也可以使块级元素中的文本居中 如下代码 <div style="width:400px;border:1px solid gray;padding:5px;text-align:center;"> <span style="backgro...2014-09-11 10:16:00 · 107 阅读 · 0 评论