2021-03-16 04:24 jianzhan

  连接用照片做情况,text-indent:⑼999px; 掩藏文本,此实际效果在 IE 中是一切正常的,但在 Firefox 里,电脑鼠标点一下该连接时,虚线框却会包住被缩进的文本,結果显示信息为虚线框 N 长。
  由于平常是用overflow:hidden; 特性的,因此1直也沒有留意到这个难题的存在,但当你必须应用 JS 来完成某种互动时,明显提议不必应用 overflow:hidden; 特性,由于会给你带来许多出乎意料的不便。
  虚线框,实际上便是 CSS 中的 outline 特性,这也表明 IE 和 Firefox 针对 outline 和 border 的分析范畴其实不1致:IE 觉得虚线框便是border的边沿,而 Firefox 则觉得虚线框应当是文本范畴。
  那 W3C 中是怎样界定 outline 的呢?
At times, style sheet authors may want to create outlines around visual objects such as buttons, active form fields, image maps, etc., to make them stand out. CSS2 outlines differ from borders in the following ways:
1. Outlines do not take up space.
2. Outlines may be non-rectangular.
  把虚线框去掉了a:focus { outline:0 } ,终究这个难题只存在 Firefox 中。