css：目標不能在Mozilla Firefox上工作

我想在CSS上使用'：target'命令在我的WordPress網站上顯示一個模式。它使用鉻瀏覽器工作正常，但如果我使用mozilla它不起作用。當'：target'激活時，我只需要將'opacity'屬性更改爲1。這是「CSS」我使用：css：目標不能在Mozilla Firefox上工作

.modalDialog { 
    position: fixed; 
    font-family: Arial, Helvetica, sans-serif; 
    top: 0; 
    right: 0; 
    bottom: 0; 
    left: 0; 
    background: rgba(0,0,0,0.8); 
    z-index: 99999; 
    opacity:0; 
    -webkit-transition: opacity 400ms ease-in; 
    -moz-transition: opacity 400ms ease-in; 
    transition: opacity 400ms ease-in; 
    pointer-events: none; 
} 



.modalDialog:target { 
    opacity:1; 
    pointer-events: auto; 
}

謝謝大家對你的幫助。

來源

2014-10-03 Luis López

我可以看到你的HTML也？ – 2014-10-03 10:35:39

[Firefox支持：目標]（http://caniuse.com/#search=:target）你的問題在別的地方 – 2014-10-03 10:35:57

這個例子工程在Mozilla Firefox DEMO

HTML：

<ul> 
    <li><a href="#h1">link 1</a></li> 
    <li><a href="#h2">link 2</a></li> 
    </ul> 
    <h2 id="h1">link 1</h2> 
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero eligendi, incidunt harum laborum ratione, labore quae modi hic est sint, aperiam corporis nesciunt dolor quasi iusto eaque itaque. Modi, deleniti.</p> 
    <h2 id="h2">link 2</h2> 
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint voluptates quia culpa, quos facilis, dicta reiciendis impedit deserunt a distinctio corporis in eos ipsum provident cum, dolorum dolorem tempore sapiente.</p> 
</ul>

CSS：

h2:target { 
    background: #fc0; /* Цвет фона */ 
    padding: 3px; 
}

來源

2014-10-03 11:02:16

css：目標不能在Mozilla Firefox上工作

回答

相關問題