Este es mi código, el componente lo tengo en un template no está en el index.html, todo lo muestra correctamente pero por alguna razón el position: fixed; de mi CSS no funciona, alguien tiene alguna idea de por qué?
exampleApp.component('backbuttonComponent', {
template: '<a id="back-button" ng-href="/"></a>'
});
#back-button {
position: fixed !important;
width: 60px;
height: 60px;
bottom: 10px;
left: 10px;
border-radius: 50%;
background: url("../svg/back-button.svg") no-repeat center center;
background-size: 24px 24px;
background-color: #3c3f41;
z-index: 12 !important;
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2); /* 6dp */
}
<backbutton-component></backbutton-component>
<a id="back-button" ng-href="/"></a>
. ¿Se está generando correctamente el HTML?¿Hay errores en el resto del CSS o algún estilo que sobreescriba las propiedades del botón? Si pudieras poner un ejemplo reproduciendo el error sería más fácil buscar una solución.position: fixed
ya que este es compatible hasta con IE 7. Quizás tengas más de una vez la directiva y esto te traiga problemas porque en html es ilegal tener varios elementos con un mismo id. Sin un ejemplo concreto es imposible saberlo.