0

im having issue with png image as im using it on a input type. . . as a search bar it always shows the background even the image is transparent what should i do?

this is the image shows the background . . . . sorry had to post image like this because it was saying link forbidden.

lookpic.com/c1/i2/2810/Tga5pCQ8.jpeg

*CSS CODE --------

.smartbar ul li input.search_bar {
	border:none;
	width:174px;
	height:22px;
	background-image: url(../images/input_search.png);
	background-repeat: no-repeat;
	padding: 0 5px 0 10px;	
	float:left;
	margin: 0 4px 0 4px;
}

Edited by m-hrt: n/a

4
Contributors
7
Replies
8
Views
6 Years
Discussion Span
Last Post by Louilly
0

but im using firefox 4 :)

tried with chrome safari same . . . . thats not browser problem it happens when im using an input type and a png image ? any idea

0

Try adding background-color:#bee0e1; to your .smartbar ul li input.search_bar css

0

Try adding background-color:#bee0e1; to your .smartbar ul li input.search_bar css

thanx that solves the problem still the color is in the bg but not showing and it still doesnt answer my question why is the color is in the background and is not transparent?

0

Hi, it's because input fields automatically have the background colour set to white

This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.