html - list-style: none 灯箱不工作？

Question

所以有一个问题。
如果您查看此 .htm 页面，您会看到该图像。 http://icpy.webs.com/text/Mass.htm
问题最初是有一个子弹装饰器，它是list-style. 灯箱图像正在工作。当我应用List-style-type: none时，单击它时我的图像不起作用。我做错什么了吗？

Answer 1

是的，您在该页面上有 javascript 错误，这将阻止它工作。

"NetworkError: 404 Not Found - http://icpy.webs.com/text/.http://icpy.webs.com/fancybox/lib/jquery.mousewheel-3.0.6.pack.js"

Answer 2

你的html都搞砸了。

<div id="cas> <ul> <li><a class=" title="Mass Sale layouts" href="#inlineframe" fancybox"="">
   <img src="http://dgamerhelp.webs.com/soccer/layouts/BEA01.png">
   <div id="inlineframe" style="width:1040px;height:785px;display: none;">
</div>

1. 关闭 div 的 id 标签，例如： div id="cas"
2. 关闭<li>标签
3. 关闭<ul>标签
4. 正确关闭主 div。
5. 如果您没有使用<a>标签类，则将其完全删除 ( <a class=")

解决上述问题应该可以解决您的问题。我很惊讶，它实际上第一次工作..

清理后的代码应如下所示：

<div id="cas"> 
    <ul> 
        <li>
            <a class="" title="Mass Sale layouts" href="#inlineframe" fancybox"=">
                <img src="http://dgamerhelp.webs.com/soccer/layouts/BEA01.png">
                <div id="inlineframe" style="width:1040px;height:785px;display: none;">Whatever that needs to go here.
                </div>
            </a>
        </li>    
    </ul>
</div>