portaltopicphp技巧_一招解决天猫商号透明图白底

文章目录 [+]

常常有同道在群里问，为什么PS里面做的明明是透明图，为什么放进淘宝店便是自带白色背景了呢？话不多说，直接上图（注：由于我没有天猫店，以是用的另一个淘宝店的第二套模板演示）

图片可能不清楚，不过没紧要，图片只是方便阅读，只要能轻微看清楚点就可以，不影响内容

portaltopicphp技巧_一招解决天猫商号透明图白底

如上图所示，这时候有吃瓜群众表示不理解了。
天不怪地不怪淘宝最怪。
明明PS里面做的是透明的图片，咋放店铺里面就会有白底呢？

（图片来自网络侵删）

吃瓜群众不要焦急，且听米老湿细细道来。
看下图

吃瓜群众表示一脸茫然，大湿你还是太年轻了，你以为截个图我就看得懂了吗，你错了。

那上面图是什么意思呢。
这里米老湿见告大家一个关于店铺自定义模块的小八卦

实在我们放进自定义模块的代码，不是放进去是什么便是什么，我们的代码实在是放在了自定义模块框架里面的一个名叫span 的小兄弟里面，而表面还有一个自定义模块框架把这位小兄弟抱起来了。

以是产生白底的罪魁罪魁，是他便是他，我们滴仇敌小哪吒。
。
（彷佛跑错片场了，言归正传）罪魁罪魁便是一个名叫skin-box-bd的class名。
这位仁兄自带光环，一出生淘宝就给了它一个背景色白色的BUFF加成，以是你说它强不强。

那么吃瓜群众，又要问了。
老湿知道了缘故原由，那么该怎么打消它的BUFF 让他不要那样强捏？

不要捉急，再听老湿细细道来。
这位兄台请看这边。
为了方便兄台更直不雅观理解，我专门用PS图层的观点来阐明阐明。
看下图

我们都知道的，实在图片呢，便是一个个的素材图层叠加在一起终极显示的结果。
那么如果我吧PS一个项目比作是自定义模块。
那么是不是会得到以下结论，老湿推理秀开始：

图层-透明层 -----> 放进自定义模块的透明图

图层-底层 -----> 自定义模块白色背景

我们在PS里面要想给透明图加个背景会怎么做？睡吧睡吧须要在透明层和底层之间再放一个背景层，如上图，就可以了

图层-透明层 ------> 放进自定义模块的透明图

图层-背景图 ------> 自定义内透明图外加个背景图

图层-底层 -----> 自定义模块白色背景

是不是按照上面的操作就可以办理了呢？如果上面看明白了，各位吃瓜群众随着老湿的步伐连续往下看。

（骚等少焉，老湿道理我看明白了，但是还是不知道怎么做啊？）

这位同学不要焦急，第三次听老湿细细道来。
办理办法如下：

再说办理办法前，老湿先设定一个场景

【主角】：透明图自定义模块

【道具】：DW

【导演】：米色老湿

【编剧】：米色老湿

【剧情】：假设我已经在店铺加了一个页面固定背景。
现在想添加一个自定义模块，在自定义模块里面放一张透明图。
但是现实白底，看不到下面的固定背景图

【主角进场】：<img src=\"大众背景图\公众 alt=\"大众美设网www.mgsns.com\"大众 />

【办理办法】：

</div>

只须要在图片代码表面加一个DIV，然后设置这个样式就可以办理......

（老湿，骚等少焉，代码里面都什么东东，看不懂呢）

这位兄台喜好思考是个好习气，那么老湿来说说代码意思

transparent 背景色透明

url(固定背景图) 放背景图地址

fixed 背景图固定

center top 背景图定位（居中顶部对齐）

no-repeat 背景图不平铺

为啥要这样设置呢，个中须要说的是背景图固定，由于店铺里面不可能只有一个自定义模块，以是我们要想让店铺所有须要背景透明的自定义模块都办理这个问题，就须要每个自定义模块都添加这个代码。
如果背景图不固定，那看着就不像是地下背景图是一张图了，不然自定义模块之间就衔接不上，详细可以自己在店铺测试感想熏染下。

一个似懂非懂的表情镇楼.......

末了呢，米色老湿大略说说其他可能涌现的问题。

问：如果我不是单单一个透明图，是一段代码怎么办？

答：不要犹豫，不管是一张图还是一段代码，你就把那个DIV套在它表面，须要把稳的是。
DIV里面的宽高是你当前这个代码效果的整体宽度和高度，同时不要忘却div标签要有开始标签和结束标签哦

问：如果我的代码已经加了全屏代码怎么办？

答：这个老湿没有试过。
不过可以见告你，不管是否添加了全屏代码，你的就把这个DIV套住你的代码表面就可以。
全屏代码把这个DIV代码再套住。

全屏代码

你内容的代码

</div>

全屏代码结束

问：如果我的效果代码不是全屏的，加了这个DIV后，背景图不是全屏的怎么办？

答：针对这个问题，老师也有办法。
下面我专门编写了一个模板，你直接套就可以