按作者归档: iLiawang

慎用img标签的vertical-align

这两天在做一个专题页面的时候，由于图片较多，并且没有一个的规则性，采用了table布局，在css中重置了img标签的vertical-align为middle，结果发现表格中出现了难看的隙缝，怎么调整table的结构都没用，值得一提的是，只有在IE6中才有问题，IE7和FF都正常，十分苦恼，后来灵光一现，把css中的vertical-align:middle去掉，结果正常了。看来对于img的vertical-align使用时还需谨慎考虑。
顺便再强烈鄙视下IE6,希望尽快退出历史舞台。

ASP.NET中SiteMapPath控件引发的一个行距问题

最近参与的项目中遇到了一个问题，ASP.NET中的SiteMapPath控件有个属性叫SkipLinkText，微软MSDN上给出的解释是：

获取或设置一个值，用于呈现替换文字，以让屏幕阅读器跳过控件内容。

啥意思我还没弄明白，但很遗憾他惹到我了，当不设置SkipLinkText时，会生成一个形如下面代码的玩意：

<a href="#ctl00_pageRootNavigator_PageSiteMapPath_WebMapPath_SkipLink"><img alt="跳过导航链接" height="0" width="0" src="/WebResource.axd?d=J_hUHq-CIB-M7vCG5aP08A2&amp;t=633802945995006876" style="border-width:0px;" /></a>

本来没什么问题，但我一般会对面包屑导航的文字设置行距以保证在垂直方向的居中，但这个生成的多余img标签会使这个行距显得苍白无力，还好这个img的height和width都是0，这样在IE7、IE8、FF下显示都没有问题，偏偏万恶的IE6不行，文字会不受行距的控制而偏上。
其实如果不需要这个玩意，完全可以去掉，方法很简单，将SkipLinkText设置为空就可以了。

<asp:SiteMapPath ID="WebMapPath" runat="server" OnItemDataBound="WebMapPath_ItemDataBound" PathSeparator=" >> " SkipLinkText="">

如果不愿意去掉img标签，那只能给img设置display:none就可以了。
猛击我看例子

让Firefox默认显示滚动条

Firefox在默认状态下，如果内容不超过一屏，纵向滚动条是不显示的，这点与IE不同，个人感觉不是很爽，尤其是当某些页面本身没有一屏，但通过点击某个按钮让其他隐藏的内容显示出来后超过一屏的话，会感觉整个网页有一个小小的平移。通过下面的代码可以让Firefox默认显示滚动条，使用Firefox的专用属性：

html { overflow:-moz-scrollbars-vertical; }

jQuery中的get与eq理解

对于jQuery中的get()和eq()的理解，我的想法很简单，get()返回的是DOM，eq()返回的是jQuery，更通俗一点就是：
如果想改变一个DIV的显示与隐藏，两种方法：
$("div").get(0).style.display="none";
$("div").eq(0).show();

最新最全的2010年Godaddy优惠码大全

一组最新最全最实用的2010年Godaddy优惠码：
EMMA9 = .com domains for $7.49 each (new & renewal)
EMMA3 = .com domains for $7.49 each (new & renewal)
EMMA35 = .com domains for &pound;3.50 each
EMMA30 = 30% discount on .com domains
EMMA25 = 25% reduction on your order of $100+
EMMA8 = 20% off your order of $50+
EMMA7 = 10% discount [...]