自己稍微美化了下首页商品列表，但有个问题始终解决不了

2016-07-07 16:02 来源：www.chinab4c.com 作者：ecshop专家

自己简单修改了下商品列表的样式，加上了边框，鼠标放上去边框可以变色。
这个在正常上架商品都没问题，但如果在上架之前，商品没上主图或者提交后再补上主图，都没有了边框。请问是哪里代码有问题呢？

具体问题看如下图片

QQ截图20130719005043.jpg

修改的代码其实很简单，就是加上UL 和 LI，然后统一在一个A内，控制<li> 变色


  2. <div class="goodsItem"><ul><li>
  3. <span class="hot"></span>
  4. <a href="{$goods.url}" title="{$goods.name|escape:html}" class="kuang" style="text-decoration:none;"><img src="{$goods.thumb}" alt="{$goods.name|escape:html}" class="goodsimg" /><br />
  5. <p>{$goods.short_style_name}</p>
  6. <div class="f1 jiage"><font color="#666666">{$lang.shop_price} </font>
  7. <!-- {if $goods.promote_price neq ""} -->
  8. {$goods.promote_price}
  9. <!-- {else}-->
  10. {$goods.shop_price}
  11. <!--{/if}-->
  12. </div></a></li></ul>
  13. </div>
复制代码



CSS 部分


  2. /*单个商品*/
  3. .goodsItem{float:left; position:relative; overflow:hidden; margin:0px 8px 15px 8px;height:250px;}
  4. .goodsItem li .kuang {display:block;}
  5. .goodsItem li {width:170px; float:left;}
  6. .goodsItem li link,.kuang:visited {border:1px solid #cccccc;}
  7. .goodsItem li .kuang:hover {border:1px solid #ff0000;}
  8. .goodsItem .goodsimg{width:160px; height:160px; padding:4px; margin-bottom:4px;}
  9. .goodsItem img{width:160px; height:160px;}
  10. .goodsItem p{text-align:left; color:#3f3f3f; padding-left:4px;}
  11. .jiage {font-size:14px; padding:4px 0px 8px 4px;}
  12. .goodsItem span{width:40px; height:40px; position:absolute;left:0px; top:0px;}
  13. .goodsItem span.best{background:url(images/bg.gif) no-repeat 0px -304px;}
  14. .goodsItem span.news{background:url(images/bg.gif) no-repeat -75px -304px;}
  15. .goodsItem span.hot{background:url(images/bg.gif) no-repeat -161px -304px;}
复制代码

回答：
你是说商品边框？你把网站发来看看。

已经自行解决。是自己疏忽大意，在CSS 中6行。link 前少了个：，加上就可以了

实际上 在IE6下这种方式是无效的