錨標記複製

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

回答

相關問題