Forum PHP.pl > [HTML][CSS]Obrazek zasłaniający input

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][CSS]Obrazek zasłaniający input

Sebastian003

1.02.2014, 11:26:49

Witam, mam input i obrazek chciałbym aby ten obrazek zasłaniał częściowo input jak to wykonać naniesienie kodu position: absolute; i regulacja marginem nic nie daje obrazek jest pod inputem.

Mega_88

1.02.2014, 11:41:10

Wrzuć wszystko w jednego diva z position:relative, daj inputa pod nip obrazem z position:absolute;top:20px;left:0 coś w ten deseń

Sebastian003

1.02.2014, 11:47:12

dam przykład kodu bo mi nie wychodzi

Kod

css

Kod

#krowa{  background-image: url("images/krowa.png");
    height: 181px;
  margin-left: 846px;
    margin-top: 93px;
    position: absolute;
    width: 227px;}

Gość

1.02.2014, 11:57:26

http://jsfiddle.net/GmdSW/

kreatiff

1.02.2014, 17:13:19

A z-index próbowałeś?

tomxx

1.02.2014, 20:26:16

Przykładowo:

[HTML] pobierz, plaintext 
<html>
<head>
<style>
#krowa{  background-image: url("http://img.90minut.pl/img/tlo.gif?d=2013-03-26");
    height: 181px;
  margin-left: 846px;
    margin-top: 93px;
    position: absolute;
    width: 227px;}
input#name {
	position: absolute;
	margin-left: 830px;
	margin-top: 80px;
}
</style>
</head>
<body>
<input id="name" class="mainform" type="text" value="" name="name" />
<div id="krowa"></div>
</body>
</html>
[HTML] pobierz, plaintext

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.