[英]My button's background-color us not working in IE
我有一個帶有背景色的按鈕,在IE 11中不起作用。
在IE中:
.loginButton { width: 100% !important; background-color: rgb(0, 148, 146, 0.8) !important; border: 0px !important; font-size: 2em !important; letter-spacing: 1px !important; border: 0px !important; margin-bottom: 5% !important; filter: none !important; overflow: hidden !important; } .loginButton span { cursor: pointer !important; display: inline-block !important; position: relative !important; transition: 2.5s !important; } .loginButton span:after { font-family: FontAwesome !important; content: "\\f101" !important; position: absolute !important; opacity: 0 !important; top: 0 !important; right: -20px !important; transition: 0.5s !important; } .loginButton:hover { border-color: rgb(31, 153, 214) !important; padding-right: 30px !important; color: #ffffff !important; transition: all 0.9s ease !important; } .loginButton:hover span { padding-right: 30px !important; color: #ffffff !important; letter-spacing: 3px !important; transition: all 0.9s ease !important; } .loginButton:hover span:after { opacity: 1 !important; right: 0px !important; } .loginButton:after { width: 100% !important; background-color: white !important; border: 0px !important; font-size: 2em !important; }
<b:commandButton styleClass="loginButton" tooltip-position="right" tooltip="Melde dich beim IUBH-Ticketssystem an"> <span>Anmelden </span> </b:commandButton>
我不明白為什么您的背景色可在Firefox上使用。 在我的演示中,我得到了錯誤無效值
background-color: rgb(0, 148, 146, 0.8) !important;
應該更改為
background-color: rgba(0, 148, 146, 0.8) !important;
https://jsfiddle.net/5qbbmx4z/6/
並且您不應該盡可能使用!important
。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.