小编use*_*119的帖子

:当在iframe中的内容上设置时,目标css伪类在Firefox中无法正常工作

我创建了两个简单的html页面,其中一个包含iframe,第二个页面加载到第一页的iframe中.第一页位于http://quatorze.atspace.co.uk/Webdev/shared/ffbug1.html

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8">
    <title>:target bug in firefox</title>
    <style type=text/css>
    iframe:target {
        display: none;
    }
    ol {
        max-width: 480px;
        font-family: sans-serif;
    }
    li {
        margin: 8px;
    }
    span {
        color: red;
    }
    </style>
</head>
<body>
    <div id="div0">
        <p><a href="#if">HIDE</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#div0">SHOW</a></p>
        <iframe id="if" src="ffbug_files/ffbug3.html" width="400" height="200"></iframe>
        <ol>In Firefox click links on this page in following order:
            <li>Click "DIV 1". First div gets targeted and its background turns silver;</li>
            <li>Click "HIDE". Iframe gets targeted and its "display" property …
Run Code Online (Sandbox Code Playgroud)

css firefox pseudo-class

6
推荐指数
1
解决办法
517
查看次数

标签 统计

css ×1

firefox ×1

pseudo-class ×1