[wp-trac] [WordPress Trac] #31322: Admin bar frontend search CSS fixes

[WordPress Trac]

#31322: Admin bar frontend search CSS fixes
------------------------------+-----------------------------
 Reporter:  afercia           |       Owner:
     Type:  defect (bug)      |      Status:  new
 Priority:  normal            |   Milestone:  4.2
Component:  Toolbar           |     Version:  4.1
 Severity:  normal            |  Resolution:
 Keywords:  has-patch commit  |     Focuses:  ui, javascript
------------------------------+-----------------------------

Comment (by afercia):

 To more clearly explain what this data uri image does and fixes:
 {{{
 #wpadminbar.ie8 > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-
 bar-search #adminbarsearch input.adminbar-input {
         /* IE8 z-index bug with transparent elements */
         background: transparent 0 0 repeat scroll
 url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBR‌​AA7");
 }
 }}}

 please refer for example to
 http://stackoverflow.com/questions/9109911/ie-z-index-trouble-on-element-
 with-transparent-background not sure this is still a but in IE 9+ though,
 as reported on StackOverflow.
 See also the screenshot below: IE 8 without the GIF and with the GIF

 [[Image(https://cldup.com/S8q4cBUB_C.png)]]

--
Ticket URL: <https://core.trac.wordpress.org/ticket/31322#comment:10>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform