зеркало из https://github.com/mozilla/gecko-dev.git
35 строки
686 B
HTML
35 строки
686 B
HTML
|
<!DOCTYPE html>
|
||
|
|
<html class="reftest-wait">
|
||
|
|
<head>
|
||
|
|
<style type="text/css">
|
||
|
|
#multi-column1, #multi-column2, #multi-column3 {
|
||
|
|
column-count: 1;
|
||
|
|
height: 20px;
|
||
|
|
background-color: blue;
|
||
|
|
}
|
||
|
|
#multi-column1 {
|
||
|
|
margin-bottom: 20px;
|
||
|
|
}
|
||
|
|
#multi-column2 {
|
||
|
|
display: none;
|
||
|
|
margin: 20px 0;
|
||
|
|
}
|
||
|
|
#multi-column3 {
|
||
|
|
margin-top: 20px;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<script type="text/javascript">
|
||
|
|
function test() {
|
||
|
|
document.getElementById('multi-column2').style.display = 'block';
|
||
|
|
document.documentElement.removeAttribute('class');
|
||
|
|
}
|
||
|
|
document.addEventListener('MozReftestInvalidate', test);
|
||
|
|
</script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div id="multi-column1"></div>
|
||
|
|
<div id="multi-column2"></div>
|
||
|
|
<div id="multi-column3"></div>
|
||
|
|
</body>
|
||
|
|
</html>
|