css+div淘宝自定义模块问题，看下代码是否错误。

在淘宝装修店铺中输入了写好的代码。然后点预览，都是自己想要的效果，然后点确定保存以后，出现在淘宝页面中的样子就全毁了。看看是不是与淘宝规则代码发生冲突了。下面是代码，谢谢... 在淘宝装修店铺中输入了写好的代码。
然后点预览，都是自己想要的效果，然后点确定保存以后，出现在淘宝页面中的样子就全毁了。
看看是不是与淘宝规则代码发生冲突了。
下面是代码，谢谢各路大神。在线等。

<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
.suoyoudesuoyou{ width:950px;
height:400px;
text-align:center;
padding:opx;
margin:0 auto;}
.suoyoudesuoyou{ position:relative;width:950px; height:400px;}
.suoyoudesuoyou a{display:none}
.suoyoudesuoyou:hover{cursor:pointer}
.zhongjiandedatu:hover a.now{cursor:pointer; position:absolute;bottom:0;left:0; display:block;color:#FFF;width:450px; height:36px; line-height:36px;
background:#000;filter:alpha(opacity=60);-moz-opacity:0.5;opacity: 0.5;}
.xiaotude{
width:250px;
height:400px;
float:left;
padding:0px;
margin:0px;
}
.zhongjiandedatu{
width:440px;
height:400px;
float:left;
text-align:center;
padding-left:5px;
padding-right:5px;
margin:0px;
position:relative;
}
.xiaotude:hover a.now{cursor:pointer; position:absolute;bottom:0;left:0; display:block;color:#FFF;width:250px; height:36px; line-height:36px;
background:#000;filter:alpha(opacity=60);-moz-opacity:0.5;opacity: 0.5;}
.xiaotunother{
width:250px;
height:400px;
float:left;
padding:0px;
margin:0px;
}
.xiaotunother:hover a.now{cursor:pointer; position:absolute;bottom:0;left:600; display:block;color:#FFF;width:250px; height:36px; line-height:36px;
background:#000;filter:alpha(opacity=60);-moz-opacity:0.5;opacity: 0.5;}

</style>
</head>
<body>

<div class="suoyoudesuoyou" >
<div class="xiaotude" div style="background-image:url('http://img01.taobaocdn.com/imgextra/i1/418309386/T2RS9ZXSNXXXXXXXXX_!!418309386.jpg')";>
<a href="#" class="now">内容</a>
</div>
<div class="zhongjiandedatu" div style="background-image:url('http://img04.taobaocdn.com/imgextra/i4/418309386/T2_LqVXI4XXXXXXXXX_!!418309386.jpg')";>
<a href="#" class="now">内容</a>
</div>
<div class="xiaotunother" div style="background-image:url('http://img01.taobaocdn.com/imgextra/i1/418309386/T2RS9ZXSNXXXXXXXXX_!!418309386.jpg')";>
<a href="#" class="now">内容</a>
</div>
</div>
</body>
</html>
在预览中大小都是正常的。
保存确定以后大小就全毁了。展开

 我来答

若以下回答无法解决问题，邀请你更新回答

1个回答

#热议# 海关有哪些禁运商品？查到后怎么办？

百度网友f3e0398
推荐于2016-09-13 · 超过16用户采纳过TA的回答

知道答主

回答量：69

采纳率：0%

帮助的人：30.2万

我也去答题访问个人页

关注

展开全部

<html>
<head>
    <title></title>
    <style type="text/css">
        .suoyoudesuoyou
        {
            width: 950px;
            height: 400px;
            text-align: center;
            padding: 0;
            margin: 0 auto;
            position: relative;
        }
        .suoyoudesuoyou a
        {
            display: none;
        }
        .suoyoudesuoyou:hover
        {
            cursor: pointer;
        }
        .zhongjiandedatu:hover a.now
        {
            cursor: pointer;
            position: absolute;
            bottom: 0;
            left: 0;
            display: block;
            color: #FFF;
            width: 450px;
            height: 36px;
            line-height: 36px;
            background: #000;
            filter: alpha(opacity=60);
            -moz-opacity: 0.5;
            opacity: 0.5;
        }
        .xiaotude
        {
            width: 250px;
            height: 400px;
            float: left;
            padding: 0px;
            margin: 0px;
        }
        .zhongjiandedatu
        {
            width: 440px;
            height: 400px;
            float: left;
            text-align: center;
            padding-left: 5px;
            padding-right: 5px;
            margin: 0px;
            position: relative;
        }
        .xiaotude:hover a.now
        {
            cursor: pointer;
            position: absolute;
            bottom: 0;
            left: 0;
            display: block;
            color: #FFF;
            width: 250px;
            height: 36px;
            line-height: 36px;
            background: #000;
            filter: alpha(opacity=60);
            -moz-opacity: 0.5;
            opacity: 0.5;
        }
        .xiaotunother
        {
            width: 250px;
            height: 400px;
            float: left;
            padding: 0px;
            margin: 0px;
        }
        .xiaotunother:hover a.now
        {
            cursor: pointer;
            position: absolute;
            bottom: 0;
            right: 0;
            display: block;
            color: #FFF;
            width: 250px;
            height: 36px;
            line-height: 36px;
            background: #000;
            filter: alpha(opacity=60);
            -moz-opacity: 0.5;
            opacity: 0.5;
        }
    </style>
</head>
<body>
    <div class="suoyoudesuoyou">
        <div class="xiaotude" style="background-image: url('http://img01.taobaocdn.com/imgextra/i1/418309386/T2RS9ZXSNXXXXXXXXX_!!418309386.jpg')">
            <a href="#" class="now">内容</a>
        </div>
        <div class="zhongjiandedatu" style="background-image: url('http://img04.taobaocdn.com/imgextra/i4/418309386/T2_LqVXI4XXXXXXXXX_!!418309386.jpg')">
            <a href="#" class="now">内容</a>
        </div>
        <div class="xiaotunother" style="background-image: url('http://img01.taobaocdn.com/imgextra/i1/418309386/T2RS9ZXSNXXXXXXXXX_!!418309386.jpg')">
            <a href="#" class="now">内容</a>
        </div>
    </div>
</body>
</html>

帮您优化了一下，看还好使不？

追问

还是不行，是因为不是内嵌样式吗？

原本效果是：

上传以后就变成这样了：

我头都大了。大半夜的求求好心人帮忙啊。

能帮忙做成内嵌样式吗，我还真不怎么会，因为有伪类我不会做内嵌样式。。。我是个菜鸟。才学了1个月。





追答

这个样式里的伪类hover实在没法加到行内样式（内嵌样式）里，也就没法实现悬停鼠标，出透明黑条的效果。去国外论坛查了下，貌似现在美国人也不能把伪类写到行内样式（内嵌样式）中，淘宝店铺自定义模块限制太大了：
这个和版本有关系。
1）扶植版，标准版，拓展版 只能写 HTML标签，但是可把CSS 样式 写在标签里。比如
          xxx  
         JS则不可以写。
2）旗舰版：本来是可以写CSS的。但是现在已经解散。
 
3）如果想写CSS，则只能是拓展版+旺铺CSS的合并版本。

本回答被提问者采纳

已赞过 已踩过<

评论收起

1条折叠回答

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

css+div淘宝自定义模块问题，看下代码是否错误。

其他类似问题

为你推荐：