Görüntüyü beyaz kenarlık olmadan CSS kullanarak ortalamak

İşte CSS ve HTML kodum. Merkezde tek bir görüntü koymak istiyorum ve bu görüntü etrafında garip bir beyaz sınır olmaması dışında çalışıyor. BenGörüntüyü beyaz kenarlık olmadan CSS kullanarak ortalamak

border:none; ve border:0; denemiş HTML:

<!DOCTYPE html> 
<html> 

<head> 
<title>Food.</title> 
<link rel="stylesheet" type="text/css" href="style.css" /> 
<link rel="icon" type="image/png" href="favicon.ico"> 

</head> 


<body> 
<img border="0" id="image" class="centered" /> 

</body> 

</html>

CSS:

.centered { 
    position: fixed; 
    top: 50%; 
    left: 50%; 
    margin-top: -182px; 
    margin-left: -153px; 

} 

img#image{ 
    /*I think this is where the issue is caused*/ 
    width:337px; 
    height:219px; 
    background-image: url('soon_comp.png'); 
    background-color: transparent; 
} 


body { 
    outline: none; 
    background-color: rgb(15,15,30); 
    border-color:transparent; 
    border:0px; 
}

kaynak

2012-10-17 Sammy Guergachi

görüntü kaynağınızı niçin 'css' yerine' img'de göstermiyorsunuz? Örneğin. ' –

Ve görüntünün kendisinin beyaz kenarlığı olmadığından emin misiniz? Alaycı olmama, sadece beyaz sınırın HTML veya CSS'den değil, resmin kendisinin bir parçası olduğunun farkına varmadan önce birkaç kez kendim yaptım. – robx

Sana bir img etiketi için arka plan resmi ayarladığımız neden bilmiyorum, Bunun yerine div veya span etiketi kullanmayı tercih ederim. Kodunuzu basitleştirmek için çalışması halinde

img#image{ 
    content: ''; 
    ... 
}

kaynak

2012-10-17 01:31:35

Bu işe yaradı! Teşekkürler! –

Bilmiyorum ama: Eğer gerçekten bunu yapmak istiyorsanız, sizin img # görüntü CSS kuralına eklemeyi deneyin

1) src Resmin eksik olduğu: <img src= "myimage.jpg" />.

2) belki yerine bir bölünme kullanın bir görüntüye bir arka plan vermeyin CSS kullanımı border:none

3) yerine border="0" kullanmayın. Ayrıca, kodunuzu test ettiğimde beyaz kenarlık görmedim. Belki daha spesifik olabilir misiniz?

kaynak

2012-10-17 01:46:15 multimediaxp

Ayrıca, soon_comp.png dosyasının tam genişlikte olduğundan emin olun: 337px; Yükseklik: 219px; eğer değilse, kesinlikle beyaz sınırlar göreceksiniz veya görüntü tekrarlanacaktır, ancak görüntüyü kaynakla veya arka plan görüntüsüyle bölünme ile kullanmayı şiddetle tavsiye edeceğim. – multimediaxp

Görüntüyü beyaz kenarlık olmadan CSS kullanarak ortalamak

cevap

İlgili konular