html - transparent png not rendering as transparent? -

-

i saved image transparent png nothing can seems fix it!?! ideas???

enter image description here

it should this:

enter image description here

here copy of image in gimp showing it's indeed transparent:

enter image description here

finally, old code:

the markup:

<form class="search" action="search.php"><input class="search" type="text" name="search" id="searchbox"/></form>

search box css:

.search, .search:active, .search:focus, .search:visited {     position: absolute;     color: #fff;     top: 3px;     width: 368px;     right: 9%;     font-size: 28px;     z-index: 3;     border-radius: 20px;     /* box-shadow: inset -2px 0px 1px rgba(0,0,0,.8); */     text-indent: 10px;     text-shadow: 0px -2px 3px rgba(0, 0, 0, .7);     background-color: #00d4c7; }

the search icon css itself:

pseudo ::before element .search:before {     content: "";     position: absolute;     top: 7px;     left: 268px;     background-image: url("images/icon-search.png");     background-color: rgb(0, 185, 171);     width: 46px;     height: 30px;     z-index: 4; }

note: if remove class search form, removes image, if remove class search input element still renders funky shade on image...any ideas?

edit 1: if suggested setting explicit dimensions of image (as did other pseudo elements no problem) not resolve issue. i've submitted project @ point it's matter of me wanting know happened , how can fix this. resorted css hack changed brightness closer match [with faint outline still 😞 ]

enter image description here

edit 2: show me js fiddle!

you did give image background-color: rgb(0, 185, 171); #00b9ab

and searchbox background-color: #00d4c7; rgb(0, 212, 199)


Comments

Post a Comment

Popular posts from this blog

java - nested exception is org.hibernate.exception.SQLGrammarException: could not extract ResultSet Hibernate+SpringMVC -

-
i trying fetch records database , having above error this classs appropriate getters , setters public class user { private int id; private string username; private string password; private string email; i have create database , inserted data below configuration <bean id="datasource" class="org.apache.commons.dbcp2.basicdatasource" destroy-method="close"> <property name="driverclassname" value="com.mysql.jdbc.driver"/> <property name="url" value="jdbc:mysql://localhost:3306/usersdb"/> <property name="username" value="root"/> <property name="password" value=""/> </bean> this complete stacktrace severe: servlet.service() servlet [appservlet] in context path [/spring] threw exception [request processing failed; nested exception org.hibernate.exception.sqlgrammarexception: not ...
Read more

sql - Postgresql tables exists, but getting "relation does not exist" when querying -

-
Image
i have postgresql db number of tables. if query: select column_name information_schema.columns table_name="my_table"; i list of columns returned properly. however, when query: select * "my_table"; i error: (programmingerror) relation "my_table" not exist 'select *\n "my_table"\n' {} any thoughts on why can columns, can't query table? goal able query table. you have include schema if isnt public one select * <schema>."my_table" or can change default schema show search_path; set search_path my_schema; check table schema here select * information_schema.columns for example if table on default schema public both works ok select * parroquias_region select * public.parroquias_region but sectors need specify schema select * map_update.sectores_point
Read more

asp.net mvc - breakpoint on javascript in CSHTML? -

-
i have .cshtml file has javascript tag. within script tag have few lines of javascript. first line of javascript refers property in @viewbag. other javascript lines plain script without mvc related references. observation: can place breakpoints (visual studio 2015) on each of these javascript lines. however, breakpoints has white dot in center of breakpoint symbol (red circle) except line @viewbag reference (this particular line not have white dot in center). it seems breakpoint without white dot hit during run-time. question: can explain going on here? white dot mean? why plain red breakpoint line line hitting breakpoint? the visual studio debugger expecting debug actual server-side code within .cshtml file opposed client-side javascript within it. iirc, visual studio allow debug javascript code expected in internet explorer (and possibly edge), other browsers want use either third-party tool or developer tools (f12) within browser. an easy approach take advant...
Read more