cssを使用して画像を表示

Question

私はCSSを使用して画像を表示しようとしています。とにかくそれは表示されません。私を助けてください。私のコードは次のとおりです。私も含めた

//styles.css 
 

 
table tr td span.glyphicon-eye-open{ 
 
\t background: url("../images/private-eye.png") no-repeat; 
 
}

//Register.php 
 

 
<form method="post" id="form1"> 
 
<table align="center" width="45%" cellpadding="7px"> 
 
<tr> 
 
<td><label>*</label><input type="text" name="email" placeholder=" Your Email" value="<?=$email?>"/></td> 
 
</tr> 
 
<tr> 
 
<td><label>*</label> <input type="password" name="pass" id="passwordfield" placeholder=" Your Password" value="<?=$password?>"/> 
 
<span class="glyphicon-eye-open"></span> 
 
</td> 
 
    <tr> 
 
<td><button type="submit" name="btn_Register">Register</button></td> 
 
</tr> 
 
</table> 
 
</form>

'リンクのrel = "スタイルシート" のhref = "../ CSS/Styles.cssを" タイプ= "テキスト/ cssの" /' タグの先頭に

Answer 1

スパンが全くないためです。すべてのスパンには、テキストを挿入するかCSSを使用して高さを編集するまで、高さはありません。例えば、私はそうのように、ここでいくつかのテキストを入れている：

span.glyphicon-eye-open { 
 
    background: url("http://beerhold.it/320/200") no-repeat; 
 
    color: #fff; 
 
}

//Register.php 
 

 
<form method="post" id="form1"> 
 
<table align="center" width="45%" cellpadding="7px"> 
 
<tr> 
 
<td><label>*</label><input type="text" name="email" placeholder=" Your Email" value="<?=$email?>"/></td> 
 
</tr> 
 
<tr> 
 
<td><label>*</label> <input type="password" name="pass" id="passwordfield" placeholder=" Your Password" value="<?=$password?>"/> 
 
<span class="glyphicon-eye-open">@@@</span> 
 
</td> 
 
    <tr> 
 
<td><button type="submit" name="btn_Register">Register</button></td> 
 
</tr> 
 
</table> 
 
</form>

Answer 2

この1

.glyphicon-eye-open{ 
background: url("../images/private-eye.png"); 
background-repeat:no-repeat; 
} 

があなたのCSSは

Answer 3

それに含まれていることを確認してみてください次のCSSコードを使用して問題なく動作します：

table tr td span.glyphicon-eye-open{ 
background: url("../images/private-eye.png"); 
background-repeat:no-repeat; 
/*width:50px; 
height:50px;*/ 
padding-left:15px; 
padding-right:15px; 
padding-bottom:2px; 

}

Answer 4

変更するには、このライン

<span class="glyphicon-eye-open"></span> 

に：

<span class="glyphicon-eye-open">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> 

DEMO

span.glyphicon-eye-open { 
 
\t background: url("http://previews.123rf.com/images/arnau2098/arnau20981503/arnau2098150300166/37873708-small-squares-background-color-Stock-Photo.jpg") no-repeat; 
 
}

//Register.php 
 

 
<form method="post" id="form1"> 
 
<table align="center" width="45%" cellpadding="7px"> 
 
<tr> 
 
<td><label>*</label><input type="text" name="email" placeholder=" Your Email" value="<?=$email?>"/></td> 
 
</tr> 
 
<tr> 
 
<td><label>*</label> <input type="password" name="pass" id="passwordfield" placeholder=" Your Password" value="<?=$password?>"/> 
 
<span class="glyphicon-eye-open">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> 
 
</td> 
 
    <tr> 
 
<td><button type="submit" name="btn_Register">Register</button></td> 
 
</tr> 
 
</table> 
 
</form>