浏览器显示障碍!怎样让你的店铺在不同的浏览器都能很好的展示

发布时间:2014/6/21 22:14:28

“普通店铺”结构很固定,只能做一小点装饰,功能性不强。而“旺铺”自由度非常大,功能也很强,关键就看你自己的创意和技术了。一般大家装修,一是自己会做平面设计,会编网页程序的,自己来设计,或者为了让店铺更专业漂亮,请专业人员来设计,有的加入声音装修,去魅力造音录制自己的有声店铺宣传等等,最好自己是一个专业网页设计师。一般,店铺装修是最让掌柜们头疼的事情,是不是专业店铺,看装修就能分辨。

因为我这边使用的是IE6,原代码在IE6和火狐下均严重错位,考虑到现在还有很多用户使用IE6,我们能决定自己使用的浏览器版本,却无法获知买家使用的是什么浏览器,所以修改了代码,让它尽可能兼容更多的浏览器,现在兼容IE6、IE7和火狐以及其他以IE为内核的主流浏览器。

    代码如下:

    <styletype="text/css">

    /*背景*/

    body{background:url("背景图片地址");}

    /*访客位置*/

    #path#shopBanner{background:none;border:none;}

    /*布局*/

    #container{position:relative;width:950px;background:#ffe3ef;margin:0auto;}

    /*店主资料*/

    #shophd{margin-top:-40px;}

    #shophd.shoptitle{margin-top:152px;z-index:88;}

    #shophd,#shophd.navbar,#shophd#shopinfo.shoptitle,#shophd#shopinfo.userinfo,#shophd#shopinfo#shopnotice{background:transparent}

    #shophd.shoptitle.shoplogo{display:none;}

    #shophd#shopinfo.userinfo{top:40px;left:4px;height:180px;width:184px;padding:8px;border:1pxsolid#FFB8D2;background:#ffffff;}

    /*公告*/

    #shophd.notice{position:absolute;left:4px;top:248px;width:202px;height:210px;background:none;}

    #shophd.noticeh2{height:30px;margin:0;color:#ed4580;font-size:12px;text-align:left;padding-left:5px;letter-spacing:0em;background:#fedae4url();border-left:solid1px#ffb8d2;border-top:solid1px#ffb8d2;border-right:solid1px#ffb8d2;}

    #shophd.notice.content{width:184px;height:161px;border:1pxsolid#FFB8D2;text-align:center;margin:0;padding:8px;background:#ffffff;}

 

更多淘宝店铺技巧,尽在53货源网(http://www.53shop.com/

 

本文整理于互联网,如有侵权,请联系email:kf@53shop.com 进行删除处理。

上一篇:淘宝店铺要怎么装修?淘宝网店分类模板制作教程浅析

下一篇:开网店装修知识 店铺装修包括哪些内容

推荐货源
选择分类:
阅读推荐
最新资讯
分类栏目
新手开店 开店经验 淘宝推广
进货技巧 淘宝故事 网店装修
图片处理 网购技巧 行业新闻
创业项目 淘宝考试 品牌排行
微信开店 品牌百科 微商货源