Question

如何隐藏IE7中每张照片附近的小点？
http://www.sanstitre.ch/drupal/portfolio?tid[0]=38

我尝试使用text-decoration:none和list-style-type:none，但它无效。

感谢。

Answer 1

您是否将list-style-type放入ul或li？

应该是:( afaik）

ul{ 
  list-style-type: none;
}

除此之外，我之前使用过这个：

li{
  background-image: url(); /*or link to a blank image*/
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 12px;
}

这可能不是最好的方式，但它完成了工作：）

另外也试试这个：

li.class, li.collapsed, li.expanded {
  list-style-image: none;
  list-style: none;
  list-style-type: none;
}
ul {
  list-style-image: none;
  list-style: none;
  list-style-type: none;
}

Answer 2

这是因为

.item-list UL LI {
 ...
 list-style-type: disc;
 ...
}

在system.css中定义

Answer 3

使用这个

  li{
display:inline;
}

比IE7中不会显示。

Answer 4

您始终可以向您的元素添加类：

<ul class="hidden">
  <li>Bar</li>
  <li>Foo</li>
  <li>Bar Foo</li>
</ul>

尝试一下：

.hidden {
 list-style-type: none;
}

.hidden {
 list-style-type: none;
}

<h3>A simple UL</h3>
<ul>
  <li>Bar</li>
  <li>Foo</li>
  <li>Bar Foo</li>
</ul>

<h3>A hidden one</h3>
<ul class="hidden">
  <li>Bar</li>
  <li>Foo</li>
  <li>Bar Foo</li>
</ul>

我怎么能隐藏这些点

4 个答案: