當位置/尺寸不是整個寬度時CSS3邊框半徑問題

當位置和/或尺寸不是整數時，注意到CSS3中的圓角問題。不確定它是瀏覽器還是CSS相關。當位置/尺寸不是整個寬度時CSS3邊框半徑問題

當前將標籤附加到Google地圖上的圖標上。有時位置會發生非常微小的變化，導致附加標籤（CSS3邊框半徑的div）的位置不正確。看一看：

6 and 7 are div labels attached to GMaps markers

注意如何6缺失已經在視覺上添加到div的頂部像素的底部行。但7是正常的和整體。相關連接每個標籤

代碼：

// Implement draw 
Label.prototype.draw = function() { 
    var projection = this.getProjection(); 
    var position = projection.fromLatLngToDivPixel(this.get('position')); 
    var div = this.div_; 
    div.style.left = position.x + 'px'; 
    div.style.top = position.y + 'px'; 
    div.style.display = this.get('display'); 
    div.style.zIndex = this.get('zIndex'); //ALLOW LABEL TO OVERLAY MARKER 
    this.span_.innerHTML = this.get('text').toString(); 
};

任何想法或修復？問題是Javascript，GMaps，瀏覽器還是CSS？謝謝！

來源

2011-11-30 crockpotveggies

使用像素定位時使用整數。 – addedlovely

這只是伎倆！添加它作爲答案，以便我可以接受它;）FYI代碼是Math.round（position.x） – crockpotveggies

使用像素定位時使用整數，因爲它們是絕對測量值。

來源

2011-11-30 01:20:03 addedlovely

完美！動態調整位置可以解決問題。 Math.round（position.x） – crockpotveggies

當位置/尺寸不是整個寬度時CSS3邊框半徑問題

回答

相關問題