CSS Hintergrundbild verwenden: nach nur zeigt, wenn auf schweben

Question

ich ein Ankerelement mit der Klasse habe .et_pb_button und die folgende CSS (SASS):

.et_button_no_icon .et_pb_button { 

    &:after { 
     display: inline-block; 
     position: absolute; 
     margin-left: 30px; 
     content: ""; 
     background: url("images/boton_rojo.png"); 
     width: 28px; 
     height: 27px; 
     margin-top: 2px; 
    } 
} 

Das Problem ist, dass das Bild nur auf schweben zeigt. Siehe den Link hier: http://oasysgp.kevinmamaqi.com/ (der Anker ist Nuestras Empresas, unter dem ersten Paragraph).

Ich möchte das Bild in normalen und auf Hover anzeigen.

Answer 1

In Ihrer .et_pb_button:after gibt es eine opacity: 0; und ich fand eine .et_pb_button:after display: none in Ihrem CSS-Stil. Leider haben Sie Ihre Quellkarten nicht hochgeladen, so dass ich nicht sehen kann, in welcher Zeile das ist. Aber die Anzeige deaktivieren: keine, und deaktivieren Sie die Deckkraft: 0; hat den Trick für mich gemacht.

Answer 2

Set das Hintergrundbild für diesen Code als Standard .et_button_no_icon a.et_pb_button {...}