css邊框問題

出於某種原因，我在圖像周圍有一個非常難看的橙色部分邊框。css邊框問題

任何人都可以看到這是爲什麼？

這是HTML

<div class="preview"> 

      <a href="images/foto/full/280899624_6_5_j6.jpeg" title="Sportschool Raymond Snel" rel="lightbox"><img src="images/foto/full/280899624_6_5_j6.jpeg" alt="text" /></a> 

</div>

這是CSS

.preview { 
    width: 85px; 
    height: 85px; 
    overflow: hidden; 
    border: 3px solid #2e2a26; 
    }

顏色代碼= FF6a00但只出現一個在CSS文件中的時間。

a { 
    color: #ff6a00; 
    text-decoration: none; 
    border: 0px; 
}

正如你可以看到我已經給了它一個0像素，但由於某些原因，邊界仍然存在。

來源

2010-03-08 Chris

試試這個：

.preview a:link img, .preview a:active img, .preview a:hover img, .preview a:selected img, .preview a:visited img{border-style:none;}

來源

2010-03-08 14:09:42 Jon

你忘了'a：visited'。但是......爲什麼不只是'.preview一個img'？ – BalusC 2010-03-08 14:13:10

這是我原來的想法，但另一個晚上我遇到了一個問題，我用類似的方法使用img去掉邊界，但是一旦我選中它，邊界就會回來。這很奇怪，但我想我會提供這個作爲替代案例克里斯有同樣的問題。另外，我在訪問中添加了。謝謝你的收穫！ – Jon 2010-03-08 14:35:48

太棒了，這是一個很好的方法來做到這一點。在我的情況下，我忘記發佈一個CSS的一部分，這是一個容器的所有與邊界屬性的鏈接。對於未來你的解決方案是偉大的！ – Chris 2010-03-09 10:56:31

嘗試img { border: 0; }

來源

2010-03-08 14:06:44

這是國際海事組織的最佳選擇，因爲現在接壤，當你明確指定它們纔會出現。 – DisgruntledGoat 2010-03-08 16:00:23

確實。這就是爲什麼當我開始一個新的樣式表時，這是我寫的第一件事。 – 2010-03-09 06:51:59

試試下面的CSS它將確保鏈接內的任何圖像沒有得到一個邊界。

a img { border:0px;}

來源

2010-03-08 14:07:02

你會想要刪除圖片上的邊框，而不是隻在錨點上。邊界實際上是從圖像進入室內錨所以下面將修復它：

img{border:none;}

來源

2010-03-08 14:07:08

試試這個：

.preview a img { border: 0px; }

來源

2010-03-08 14:07:13

可能是最好的選擇，因爲它只涉及你的.preview div – 2010-03-08 14:08:20

邊框是因爲圖像是一個鏈接（想想鏈接是如何通過藍色默認 - 這同樣適用於圖像鏈接，默認情況下它們具有邊框）。

這條線將修復它

.preview a img {border: 0;}

來源

2010-03-08 14:08:29 iblamefish

裏面的鏈接的任何特定原因，無論它是誰？爲了讓你的答案在列表中顯得更高？！如果你打算-1，至少留下你爲什麼這麼做的原因：/ – iblamefish 2010-03-08 16:58:58

只要嘗試，並把邊界= 「0」 img標籤內。讓我知道這是否有幫助。

來源

2010-03-08 14:08:38

回答

相關問題