近两三天都在忙网店改版的事，从前天的淘宝商城店到今天的公司官网到明天的乐酷天商城，两只手貌似就没歇停过，本来严重的两只鼠标手就更见其痛楚了。
因为目前从事的是设计出稿后的实现HTML+CSS代码的工作，所以大抵是跟浏览器作伴。又因为重度使用Vimperator的缘故，所以多数是在Firefox使用firebug进行调试的。只是偶尔需要换到IE下，看看兼容性如何，如果有问题，就用Internet Explorer Developer Toolbar看看情况。
在这些项工作内容中，淘宝商城店的装修大概是最烦人的。公司网店用的是商城旺铺旗舰版，提供完全自定义CSS的功能，但说是完全自定义，其实也还是部分罢了，凡是带ID的规则一并过滤，!important也一样过滤。
于是苦逼的路开始了。
淘宝商城店时下非常流行全屏图，领导们可能是想赶潮流，于是决定让设计部同事也做全屏大图。设计稿出来后，就交到同是设计部的我的手上来实现了。
几个问题：
- 淘宝商城宝贝详情页头部(#hd)部分限高150PX，取的是首页头部(#hd)部分从上到下的150PX高度。超出部分将被截除。
- 首页的头部(#hd)部分有个padding-bottom:10px的值，是我们无法用自定义CSS去除的。
- 所谓全屏大图，其实不过中间950像素宽度的图片搭配页面的背景图片,规则写在#content里。
- 假如页头(#hd)与页身(#bd)的设计是连一起的，就要考虑第2部分的padding-bottom值的影响，也就是在设计页头时，设计的#hd的内容高度为150px的话，则#hd实际包括padding值的高度会是160px，这样#hd部分的背景图片高度就应该是160px而非150了。否则因为padding-bottom值的影响，在#hd与#bd之间会出现一个10px高的缝隙。
- 因为全屏部分高度很高，于是#bd部分的背景图片是很高的，到了内页或某些自定义页，就把这背景图片带入，显得非常唐突。而根据我查看的tmall首页的大部分商城店铺情况，90%的都是这种情况，就是首页背景并不与其他页独立。有极少数店是各自独立的，比如夏娜店，但我看那CSS规则中带了!important的，并且查看其首页源代码，并没有90%里的那种写在<style type=”text/css>…，所以个人只好怀疑其并非普通情况，更可能是使用SDK编写的模板（其实我也不知道这SDK模板到底是什么），又或者淘宝商城特别地给了权限。
以上是做全屏大图中的一些问题。有些商城店没注意到pading-bottom的问题，全屏图像直接错开，不伦不类，而且还好几家。
另外，提一个固定定位。
淘宝商城提供了Widget，用于实现IE6下的固定定位。但我们的设计稿是把导航条固定定位在底部的。套用了淘宝提供的Widget后，那些比较现代的浏览器都没问题，IE6继续出问题。用Internet Explorer Developer Toolbar查看，position值为absolute，但top值竟为6000多px（大概是网店首页的高度值）---而我其实只设置了left:0;bottom:0;两个值，于是在IE6下，你就往下滚动却怎么也滚不到那个固定定位的导航条。
而许多商城店的左右悬浮条使用淘宝提供的Widget是可以实现IE6下的固定定位的，只是他们在position:fixed中使用了top、left或top、right值的定位。我想兴许是这个问题？因为之前也曾经做过悬浮，并没有问题。但这次的设计没有提供悬浮条，于是也无法验证了。