Question

这是我发给Stack的第一篇文章，我正在调试我正在处理的项目中的一些CSS错误。以下是该页面的链接：

http://musiccomputing.com/copy-of-studioblade-5-61-key-macos-x/

你可以看到缩略图看起来如何重复，并且右侧有一些文字混乱，这应该是它的样子：musiccomputing.com/studioblade-5-61-key-macos-x/（对不起他们不会让我发布2个以上的链接。）

我正在努力在产品说明下添加“标签”部分。这是我添加的代码，导致上述问题发生。 http://pastebin.com/JhbbmFTb。我一直试图用Pesticide和Firebug调试这个，但不幸的是我还在学习，所以决定转向你们，我知道可以很快解决这个问题。

（顺便说一下，这是在Bigcommerce平台上）

非常感谢任何帮助。

Answer 1

在你的工作版本上 - 你的选择框被包含在带有一类选择器的div中。父级上的此类将以下CSS分配给修复样式问题的选择框：

    div.selector select {
        position: absolute;
        opacity: 0;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        border: none;
        background: none;
        cursor: pointer;
        height: 100%;
    }

添加父级 - 或添加一个类为.select的新父级，这些框将再次正确显示。

修改

在缩略图查看器上有一类“ProductTinyImageList”，其中一些样式是动态添加的 - 可能是通过JavaScript。

当你在网站的控制台上查看时，init.js的第12行也有一个错误 - 这个错误可能是阻止你的其他JS执行的错误，也可能是破坏缩略图查看器的原因。

我要做的第一件事是修复JS错误 - 然后重新测试。

新手CSS需要帮助调试

1 个答案: