Internet explorer和css背景图像不'；行不通

可能重复：

我有一些CSS在Firefox、Chrome和其他浏览器中运行良好，但在IE中却无法呈现相同的效果

我在输入字段上使用这个CSS，它在所有浏览器中都能完美地显示出来——直到我在字段中写入。在Internet Explorer中，当我写过字段末尾时，背景会重复。这是我的密码：

.web_contact_text
{
position:relative;
padding-left:10px;
padding-right:10px;
width:244px;
height:65px;
line-height:65px;
margin-left:auto;
margin-right:auto;
margin-bottom:-3px;
left:10px;
background:transparent;
background-image:url("imagenes/contactar/campo_back_text.png");
border:0px solid;
font-family:Arial;
font-size:18px;
color:#000000;
cursor:pointer;
cursor:hand;
}



<input type="text" name="contactar_nombre" class="web_contact_text" value="Insertar Nombre" title="Insertar Nombre" onclick="this.value=''">

.web\u联系人\u文本
{
位置：相对位置；
左侧填充：10px；
右边填充：10px；
宽度：244px；
高度：65px；
线高：65px；
左边距：自动；
右边距：自动；
利润底部：-3px；
左：10px；
背景：透明；
背景图片：url（“imagenes/contactar/campo_back_text.png”）；
边框：0px实心；
字体系列：Arial；
字号：18px；
颜色：#000000；
光标：指针；
光标：手；
}

坏的

在其他浏览器中正常

---

问题在于背景图像，当你使用输入字段、文本等时，图像用作背景，当你写更多的输入字段时，这件事只发生在internet explorer中，当你写更多的不尊重背景并一直重复时，不修复背景不尊重

尝试添加：

background-repeat:no-repeat;

有时这不起作用，所以另一种解决方案是为背景图像中的元素指定宽度或高度。您可能不希望指定高度或宽度，因此解决方案是为Internet Explorer指定1%的高度。因为IE将高度解释为最小高度，所以此CSS规则不会影响外观：

.web_contact_text
{
  background: url(filename.jpg);
  height: 1%;
}

html>body .web_contact_text 
{
  height: auto;
}

height:1%

CSS命令被

height:auto

CSS命令取消。Internet Explorer不理解

html>正文

，因此在第二条CSS规则前面插入此项，IE将忽略整个CSS规则

---

来源：

是……）您可以在这里看到您的图像有多宽的问题？您需要将输入的宽度设置为相同的宽度，否则它将覆盖图像的末尾，请更改

width:244px至
宽度：图像的宽度输入文本的大小和图像的大小这与IEI的问题是一样的。我不明白，你需要添加一个小提琴手来推进这一点，因为我不确定你的期望值。IE8，输入中的背景图像在写入更多的字段宽度时会重复，关于你在这里看到的问题：背景图像的问题，当你使用输入字段、文本等时，图像用作背景代表当你写更多的输入字段时，这件事只发生在internet explorer中，实际上是在IE 8中。0@GerardoGuzmánMiro try
背景尺寸：100px 100px/*给出所需的宽度和高度*/这可能有效。还有
背景重复：无重复
。如果它不起作用，请回答我。@GerardoGuzmánMiro只是问，您是否在HTML页面顶部声明了
？您可能知道这一点。您可以在internet explorer中使用背景图像时看到问题
.web_contact_text
{
  background: url(filename.jpg);
  height: 1%;
}

html>body .web_contact_text 
{
  height: auto;
}