修複IE 8 表單中的 button 元素點擊時背景映像的CSS 問題

來源:互聯網
上載者:User

解決方案是參見:《Fixing the IE8 Form Button with Background Image On Click CSS Bug》中的第3種解決方案。CSS 原始碼如下:

/* @bugfix: used :hover:active class to fixing the IE8 form button with background image on-click CSS bug*/button:hover:active{-ms-background-position-x: 1px;-ms-background-position-y: 1px;outline:none;}

為什麼會選擇這一種解決方案呢?因為不用去改HTML的代碼(在第1種解決方案中在button裡面加了span元素),只是在CSS代碼增添了如上代碼。

上面的代碼中最後一行(outline:none;)是為實際項目要求的效果而寫,這行代碼你可以根據實際情況來決定。

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.