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上工作

回答

相关问题