MediaWiki-目录悬浮+隐藏

最新推荐文章于 2018-11-21 15:38:15 发布

weixin_34303897

最新推荐文章于 2018-11-21 15:38:15 发布

阅读量1.1k

点赞数

文章标签： php

原文链接：https://my.oschina.net/rhymo/blog/1852573

版权

为什么80%的码农都做不了架构师？>>>

1代码

先进入到下面页面（也许你需要将localhost替换成其他的）：

http://localhost/mediawiki/index.php/MediaWiki:Common.css

在此页你可以设置全局的css样式，在这里加入如下：

#toc{
 display: block;
 position: fixed;
 top: 100px;
 right: 0px;
 min-width: 100px;
 max-width: 350px;
 max-height: 20px;
 overflow-y: scroll;
 border: 1px solid #aaa;
 border-radius: 0 0 1px 1px;
 -moz-border-radius: 0 0 1px 1px;
 background: rgba(249,249,249,0.75);
 padding: 12px;
 box-shadow: 0 1px 8px #000;
 -webkit-box-shadow: 0 1px 8px #000;
 -moz-box-shadow: 0 1px 8px #000;
}
 
#toc:hover{
 display: block;
 position: fixed;
 top: 100px;
 right: 0px;
 min-width: 100px;
 max-width: 350px;
 max-height: 500px;
 overflow-y: scroll;
 border: 1px solid #aaa;
 border-radius: 0 0 1px 1px;
 -moz-border-radius: 0 0 1px 1px;
 background: rgba(249,249,249,0.75);
 padding: 12px;
 box-shadow: 0 1px 8px #000;
 -webkit-box-shadow: 0 1px 8px #000;
 -moz-box-shadow: 0 1px 8px #000;
 
}
 
body { overflow-x: hidden;}

保存，清除浏览器缓存，看看如何！

简直炫酷！哈哈。