话说最近淘宝又来大姨妈了！！！奇怪的是：这淘(逗)宝(逼)并没有封杀掉已经活了3个多月的修改销量漏洞，而是把刚出来没几个月的悬浮给干掉了，实在是可恶！准确来说应该是：先干掉了天猫的关注(你们天猫店的自定义关注点击还能关注么？！这个是上周的事情了。)无独有偶，紧接着在2015.4.18号把最新悬浮给干掉了，再调用那个最新的转义破解代码(查看需要10积分，不喜勿点！)时已经不行了，只留下一个data-widget-config，唉，淡淡的忧伤......

长吁一口气后，艺灵会告诉你：虽然淘宝经常来大姨妈，但未来还是美好滴！虽然网站上的破解软件不会再直接进行更新，但是对于赞助以上级别的会员，售后服务还是有滴！(咳咳，好像扯偏了，下面开始讲今天的内容了。)

今天我们来讲点什么呢？当然是关于淘宝店铺装修方面的内容了。今天要讲的主要内容就是：修复淘宝c店详情页中的绝对定位被屏蔽的方法。这里可能有部分看官会有所疑问，这个跟我有关系么？我是天(土)猫(豪)店。这个，有句话是怎么说来着：不怕一万，就怕万一。淘宝来大姨妈这个事可不是你我就能决定的，你说跟你没毛关系，这不，上面刚干掉了天猫的关注，接下来要干掉什么艺灵也不知道。总之呢，看官你阅读艺灵的文章，绝对是有所收获的。别的不敢保证，就拿这篇文章来说吧，起码你知道最近天猫和淘宝发生了哪些事，起码知道淘宝来大姨妈了......

以往在装修淘宝店铺时，绝对定位是必不可少的神器。可是，就是这样一个神器，你不开css就是无法在后台成功添加的。当然了，土豪以及会破解者可无视这段话，谁叫你们与众不同呢，对吧。在这个装x的时候，土豪都是直接走官方正规渠道开通旺铺css(2400/年，有钱就是任性)；技术宅以及那些误打误撞的爱好者都是无破不欢！(添加某些超牛b模块......)；对于贫民呢，唯一的解决办法就是：调用官方可用系统样式

通常我们在调用官方系统样式时，无非就那么几个(其实，还有很多很多，只是你们不知道罢了......)。

常用绝对定位样式名

sn-simple-logo //天猫
footer-more-trigger //淘宝c店，除详情页外，其它页面通用（详情页易屏蔽）；
most-footer //淘宝c店，未登录帐号时，详情页可用，当然登录更能使用了（详情页易屏蔽）；

有了上面列举的这些后，我们就可以任性的自由布局了，全屏、透明链接、定位等，那都不是事儿。但是呢，淘宝经常会抽，时不时给你偷换成-_-(屏蔽后的一大特征！)，至于这个-_-，我想，已经没有看官感到陌生了吧。(有奖竞猜开始：请问看官第一眼看到这个表情的时候，脑海中最先闪现出的样式名是什么，可在下方评论区中进行回复。)如果有，只能证明你在装修这方面还要下功夫了。

既然详情页会被屏蔽，那么我们就要解决这个问题，修复代码是必要的！于是，今天的主角就要登场了。

详情页防屏蔽样式名

cloud-footer //淘宝c店，//详情页使用，防屏蔽。

引用方法

<div class="footer-more-trigger most-footer cloud-footer">
<!--你的内容放这里-->
<!--在引用方面的系统样式时，【需要】将系统样式属性重置，否则你会被各种不知名的问题困扰！
这里艺灵只提供修复的方法以及修复的核心代码，其它辅助代码还需要各位看官自行完美，毕竟用处都不一样，对吧！-->
</div>

好了，在以往的基础上，添加这个cloud-footer即可。对于此次的修复代码，并不是没有使用必需的，主要使用场景：店招、详情页全屏固定背景、详情页自定义内容。如果这3个区域中没有使用到绝对定位样式，看官可忽视这个修复的方法。

最后呢，来放一段上次(2015.04.02)艺灵测试的代码吧。

2015.04.02号测试

<div class="-_- -_-overlay visibility-hidden zoom-icon -_-popup-close cloud-footer brand-popup sel-menu sel-select-dropdown -_- address-all-close tad12_now_setbtn tad12_help_link rain-banner rain-product-info tad_now_setbtn tad_help_link -_-">
.freeze-layer .ks-overlay .visibility-hidden .zoom-icon .ks-popup-close .J_BookingRulesContainer .brand-popup .sel-menu .sel-select-dropdown .J_CarPopupSaveMsg .cloud-footer .search-menu .address-all-close .tad12_now_setbtn .tad12_help_link .rain-banner .rain-product-info .tad_now_setbtn .tad_help_link .applyCoupon-overlay
</div>

代码下载

修复淘宝c店详情页中的绝对定位被屏蔽的方法.zip

说明：-_-的表示被屏蔽，剩下的可用。但是，这些在其它页面中是不能使用的，也就是说，在其它页面中还是需要使用footer-more-trigger most-footer。所以，为保险起见，我们可以再增加上述可用样式中的任意一个均可。

转载声明：
　　若亲想转载本文到其它平台，请务必保留本文出处！
本文链接：/code/2015-04-20/257.html

若亲不想直保留地址，含蓄保留也行。艺灵不想再看到有人拿我的技术文章到他的地盘或者是其它平台做教(装)程(B)而不留下我的痕迹。文章你可以随便转载，随便修改，但请尊重艺灵的劳动成果！谢谢理解。