Question

在发布之前，我已就我的问题进行了彻底的研究工作，但我没有找到任何合适的答案。

如何使用CSS在文本框中发布背景图片？

使用的是IE11。

以下是使用

的代码

<a href="#">
<div id="imagecontainer"></div>
<style>

#imagecontainer {   
  background-image: url("content\A.png") no-repeat;
  background-size: cover;
  background-size: contain;
  width: 10%;
  height: 10%;
  border: 1px solid;
}

我已经尝试了很多可能来解决它，但我无法做到。将在我的代码中显示该框，但不显示backgorund中的图像。

你们中的任何人都可以向我提出错误吗。

Answer 1

如果您尝试引用其他目录中的URL，请使用以下命令：

Route::post('aboutus', array('as' => 'post.homes', 'uses' => 'HomeController@postContactUs'));

Answer 2

请尝试以下操作： Demo

input {
    padding: 9px;
    outline: 0;
    font: normal 13px/100% Verdana, Tahoma, sans-serif;
    width: 10%;
    height: 10%;
    border: 1px solid;
    background: #FFFFFF url('http://nettuts.s3.amazonaws.com/584_form/bg_form.png') left top repeat-x; /* make sure about the image path you mentioned is right */
}

我没有在HTML中看到任何文本框代码。正如您所提到的，我展示了带有背景图像的文本框的简单示例。希望这是你想要的。

文本框中的背景图像使用CSS

2 个答案: