Witam wszystkich gorąco!
Załóżmy, że mam taki kod:
<html>
<head>
<style>
#txtsearch
{
width: 140px;
height: 20px;
background-image: url("gfx/bgtxtsearch.gif");
font-size: 10pt;
font-family: verdana,tahoma,helvetica,sans-serif;
border: none;
border-style: none;
border-width: 0px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
</style>
</head>
<body>
<input type="text" name="search" id="txtsearch">
</body>
</html>
Gdzie gfx/bgtxtsearch.gif to obrazek o rozmiarach tych samych co pole (140X20 px).
W FF i Operze działa bez zarzutu, ale IE przy wpisywaniu tekstu dłuższego niż pole zaczyna skrolować i zapętlać tło. :( Dodałem więc taką linię w stylach:
background-attachment: fixed;
Teraz w IE pole zachowuje się dobrze, natomiast w FF i Operze obrazek tła odrysowuje się jakby od połowy pola. :( Co zrobić żeby w tych trzech przeglądarkach tło pola tekstowego wyświetlało się prawidłowo i nie skrolowało się podczas pisania długich fraz?
Z góry dzięki za pomoc,
Pozdrowionka!