锚标记复制

http://www.pressedweb.com/beta/#portfolio 锚标记复制

我的锚标记（以红色虚线框）正在通过自己的意愿创造。我不知道如何摆脱它们，现在已经在这工作了好几个小时了。

任何想法？这是一个奇怪的跨浏览器错误？或者这只是我的标记问题？

谢谢。

2010-07-06 corysimmons

（至少在Chrome中）我没有看到任何重复的锚，也没有看到任何红色的虚线边框。 – Tesserex 2010-07-06 16:14:14

我thinkg此修复程序会为你工作：

div .portfolio .works a img { 
-moz-box-shadow:1px 2px 3px #222222; 
opacity:0.8; 
} 

div .portfolio .works a { 
border:1px solid #FF0000; 
display:block; 
float:left; 
height:220px; 
margin:0 10px 10px 0; 
padding:4px; 
width:280px; 
}

基本上，我所做的只是交换一些造型由IMG公司，锚泊。 You can see in this image that it does work ok.

来源

2010-07-06 16:16:36 Gavrisimo

谢谢你。我不知道为什么'img'搞砸了，但在'a'中指定这些属性效果很好。谢谢！ – corysimmons 2010-07-06 16:30:24

锚标签是内联元素，img标签也是。现在，你已经漂浮了：留在img标签上，每当你使用float时，你必须对你的标记进行超级小心。因为你是漂浮的图像，它们都是按照你想要的方式叠加起来的，但是因为你没有对浮动元素使用任何“清理”技术，所以这些锚点被卡在容器顶部。现在，因为它们是内联的，我认为它们有点偏右（在内容之后“又名”，内容就是所有这些图片）。如果这个评论对你有意义 - 荣誉！ :)） – Gavrisimo 2010-07-06 16:38:11

@ w1sh哦，不要忘记标记答案接受...;） – Gavrisimo 2010-07-06 16:38:55

回答

相关问题