解决input标签与图片按钮水平对齐问题

解决input标签与图片按钮水平对齐问题

最近有童鞋在 QQ群10904413 里问 input 标签和图片按钮不能水平对齐怎么解决…… 这里以一个“登录-注册”按钮的例子来说明一下,Html代码及相关CSS样式: <style type="text/css"> .btn input { padding:0px; border:none; } .btn2 { vertical-align:middle; …… } </style> <li class="btn"><input type="submit" class="btn2" value="登 录" name="login" id="login"> <a href="register.php" class="btn2" id="reg">注 册</a></li>
CSS线性渐变 linear-gradient

CSS线性渐变 linear-gradient

今天分享一个CSS的线性渐变功能,比较舒服,比起用图片来,方便不少!! 要创建一个线性渐变,关键在于设置一个渐变的方向和渐变的起止颜色! 这里直接给出一个示例,兼容各大主流浏览器,其中IE用了滤镜! ···
设置iframe内表单target属性以兼容IE、Firefox

设置iframe内表单target属性以兼容IE、Firefox

今天有客户反应,在一产品网站的资源下载页面,用户登录提交后页面无反应! 经测试,Firefox下正常,IE下无反应!IE还真是腼腆,都点提交了,还无反应!!! 查看代码,发现登录表单及登录后显示的资源列表均由一个 iframe 框架加载,这里做个情境假设:表单文件为 A.asp,前端iframe文件为 B.asp。 A.asp 表单内容为: <form name="down_form" action="a.asp" method="post"> 姓名:<input type="text" name="username" size=20> 单号:<input type="text" name="password" size=20> <input type="submit" value="登 陆" /> </form> B.asp 页面内容为: <iframe id="downlist" src="http://xxx.com/A.asp"></iframe>
修正Ajax-comments错误提示导致整体页面变形

修正Ajax-comments错误提示导致整体页面变形

最近博客SPAM越来越多,头疼!所以一直想写一个有针对性的anti-spam插件出来,但一直没有时间!最近压力很大! 但spamer的活跃给了我动力,熬夜弄了个插件雏形试用过程中发现,当评论提交时Ajax提示错误后,整个页面扭曲变形了。。。 在firebug帮助下,发现页面变形原因是css里的body样式竟然被替换了。
互联网产品设计入门[转]

互联网产品设计入门[转]

苹果产品创造的神话,使乔布斯像神一样被年轻人崇拜,互联网公司的产品类职位对专业一般无要求,越来越多的毕业生选择了产品职位。 产品是实实在在存在的,而怎么把概念变成现实,却是个漫长的过程。一个产品,需要经历:需求分析、方案设计、研发、推广运营、收集反馈、改进等一系列的过程。而初入行的产品人员会提出很多想法。他们最擅长这个,其实也只擅长这个。 实现想法的第一步就是做出你的方案。如何做出方案?
DIV层被Flash遮挡的解决办法

DIV层被Flash遮挡的解决办法

前有《DIV层被JS幻灯片遮挡住的解决办法》,现有DIV层又被Flash给遮挡住了!! 解决方法: 设置Flash置底,加句代码 :<param name="wmode" value="opaque" /> ,但此代码只能在IE下生效,还要在 <embed > 标签里添加 wmode="opaque" ,才能让Firefox等生效,完整代码如下: <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=" width="600″ height="248″> <param name="allowScriptAccess" value="sameDomain" /> <param name="allowFullScreen" value="false" /> <param name="movie" value="test.swf"> <param name="quality" value="high"> <param name="wmode" value="Opaque"> <embed src="test.swf" wmode="Opaque" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="600″ height="248″></embed> </object>