Html 图像在chrome和mozilla中有所不同

同样的图像在Mozilla中看起来很完美，但在Chrome中浏览时却不完美。以下是图片。有人能告诉我为什么会出现这些类型的错误以及如何解决它吗

第一个是Mozilla，第二个是Chrome

CSS代码是

.freeimg
{
    position            : relative;
    top                 : 80px;
    border              : 1px solid #CCCCCC;
    border-right        : 0;
    background-color    : #FFF;
    cursor              :  pointer;
    margin-left         : -35px;
    -moz-border-radius  : 10px 0px  0px 10px;
}

HTML代码与往常一样正常

<div class="fl freeimg" style="float:left;">
 <img src="/images/freeImg.gif" height="160" width="32" onClick="SlideMe()" />
</div>

---

您必须编写条件css注释来解决此类问题。这只是一个css问题。请张贴您的密码。也许这对解决这个问题有用

像下面的代码

检查firefox中的元素，调整firefox浏览器的css样式分离css文件，并添加以下代码

if（$.browser.mozilla==true）{ 文件。填写（“”）； }

---

您必须编写条件css注释来解决此类问题。这只是一个css问题。请张贴您的密码。也许这对解决这个问题有用

像下面的代码

检查firefox中的元素，调整firefox浏览器的css样式分离css文件，并添加以下代码

if（$.browser.mozilla==true）{ 文件。填写（“”）； }

---

如果为此目的动态更改css，请使用javascript检查条件

if (navigator.appVersion.indexOf("Chrome/") != -1) {
 // modify button 
}

---

在此情况下，仅为chrome更改css

如果为此目的动态更改css，请使用javascript检查条件

if (navigator.appVersion.indexOf("Chrome/") != -1) {
 // modify button 
}

---

在下面的“仅对chrome进行css更改”下，尝试先加载样式表（如此处所述）来重置css：

浏览器有不同的默认值，除非您用自己的设置覆盖这些值，否则它们可能仍然适用。在您的特殊情况下，我会尝试添加：

padding: 0;
margin: 0;

---

看看这是否消除了差异。但是如上所述，使用

reset.css

是避免此类差异的最佳实践。

尝试先加载样式表，例如下面介绍的样式表，进行css重置：

浏览器有不同的默认值，除非您用自己的设置覆盖这些值，否则它们可能仍然适用。在您的特殊情况下，我会尝试添加：

padding: 0;
margin: 0;

---

看看这是否消除了差异。但是如上所述，使用

reset.css

是避免这种差异的最佳实践。

添加

字体大小：0

HTML

<div class="fl freeimg">
 <img src="http://www.brightpay.co.uk/i/signup-launcher.png" onClick="SlideMe()" />
</div>​

---

添加

字体大小：0

HTML

<div class="fl freeimg">
 <img src="http://www.brightpay.co.uk/i/signup-launcher.png" onClick="SlideMe()" />
</div>​

---

这是您的代码？其他人？你在什么网站上看到的？你能用任何一种方式发布代码吗？@VigneshGopalakrishnan好的，当然可以。：）添加你的html，否则你可以创建一个fiddleoh是的。顺便问一下，

-moz边界半径：10px 0px 0px 10px是单独留下的吗？如果你想在包括chrome在内的所有浏览器中使用边框半径，只需执行
边框半径：10px 0px 0px 10px。这是您的代码吗？其他人？你在什么网站上看到的？你能用任何一种方式发布代码吗？@VigneshGopalakrishnan好的，当然可以。：）添加你的html，否则你可以创建一个fiddleoh是的。顺便问一下，
-moz边界半径：10px 0px 0px 10px是单独留下的吗？如果你想在包括chrome在内的所有浏览器中使用边框半径，只需执行
边框半径：10px 0px 0px 10px。哦，为什么要使用
-moz border radius
？没有具体原因。首先我检查了mozilla，然后我检查了chrome。如果我删除了那一行，它就不起作用了。哦，为什么要使用
-moz border radius
？没有具体原因。首先我检查了mozilla，然后我检查了chrome。如果我删除那一行，它将不起作用。谢谢你的回复。虽然这在小提琴中起作用，但对我来说是失败的。！谢谢你的回复，索姆亚。虽然这在小提琴中起作用，但对我来说是失败的。！