html - Adding background image to button using CSS (jsfiddle) -


I am trying to add a background image to a button (or link to the same category) which is already in the background Color is

Here's JSField:

The button looks great on its own, but I am trying to make it so that if I add a fixed square then adjust the padding And a background image will be displayed, although the image is not showing up Yes. Here is CSS / HTML:

 . Button {Padding: 10px; Margin-right: 8px; Margin-bottom: 10px; Font-family: ariel, taahoma, wardan, freezone, non-serif; Text-shadow: 0 1 px 1 px rgba (0, 0, 0, 0.25); Display: Inline-block; White-space: Abrop; Line-height: 1em; Status: Relative; Profile: None; Overflow: visible; Cursor: indicator; Boundary-radius: 4px; -max-boundary-radius: 4px; -webkit-border-radius: 4px; Box-Shadow: 1px 1px 2px 0 #CCCCCC; -Moz-box-shadow: 1px1px2pxccccc; -WebKit box-shadow: 1px1px2pxccccc; } .button_blue {border: 1px solid # 305875; Color: #fbfbfb; Background color: # 3D6E97; } .button_blue: hover {color: #fbfbfb; Opacity: 0.9; Filter: Alpha (Opacity = 90); } .button_about {background-image: url (http://i47.tinypic.com/2ni0ahd.png) 3px 5px no-repeat; Padding-left: 35 pixels; Padding-right: 15px; }a????   

-

  & lt; P & gt; & Lt; One square = "button button_" & gt; Without background & lt; / A & gt; & Lt; / P & gt; & Lt; P & gt; & Lt; A class = "button button _W button_out" & gt; With background & lt; / A & gt; & Lt; / P & gt; One ????   

How can I show that background image?

see

just change

  background -search url (http://i47.tinypic.com/2ni0ahd.png) 3px 5px no-repeat;   

with

  background: url (http://i47.tinypic.com/2ni0ahd.png) 3px 5px no-repeat;   

and move the previous rule up so that the rule can be defined for background-color for .button_blue on cascade Can be applied

Comments