MediaWiki:Common.css：修订间差异

←上一编辑下一编辑→

@@ 第329行： / 第329行： @@
 }
-/* 网站公告的滚动 */
+/* 网站公告的样式 Mediawiki:sitenotice 使用 */
 #siteNoticeScroll {
      width: 100%;
@@ 第338行： / 第338行： @@
      margin-bottom: 0.25em;
 }
 #siteNoticeScroll ul {
      height: 25px;
@@ 第345行： / 第346行： @@
      transition: margin .73s ease-in-out;
 }
 #siteNoticeScroll li {
      height: 25px;
@@ 第352行： / 第354行： @@
 }
-/* 静态 Tooltip 向上 */
+/* Tooltip 样式测试*/
+/* 静态 Tooltip */
 .tooltip-wrapper {
      position: relative;
@@ 第358行： / 第361行： @@
      cursor: help;
 }
 .tooltip-content {
      visibility: hidden;
@@ 第372行： / 第376行： @@
      white-space: nowrap;
 }
 .tooltip-wrapper:hover .tooltip-content {
      visibility: visible;
 }
-/* 动态 Tooltip 测试原生JS + CSS */
+/* 动态 Tooltip 基础样式 */
-.mw-dynamic-tooltip {
+.dynamic-tooltip {
+    cursor: help;
+    border-bottom: 1px dotted #999;
+}
+.tooltip-container {
+    position: absolute;
+    background: #333;
+    color: white;
+    padding: 8px 12px;
+    border-radius: 4px;
+    box-shadow: 2px 2px 8px rgba(0,0,0,0.3);
+    max-width: 300px;
+    z-index: 9999;
+    pointer-events: none; /* 防止遮挡鼠标事件 */
+    opacity: 0; /* 初始隐藏 */
+    transition: opacity 0.2s;
+}
+/* Tooltip 箭头 */
+.tooltip-container::after {
+    content: "";
+    position: absolute;
+    bottom: -10px;
+    left: 50%;
+    margin-left: -5px;
+    border-width: 5px;
+    border-style: solid;
+    border-color: #333 transparent transparent transparent;
+}
+/* DropDown 实现 */
+.dropdown {
+  position: relative;
+  display: inline-block;
+}
+.dropdown-content {
+  display: none;
    position: absolute;
    background: #fff;
-  border: 1px solid #ccc;
+   box-shadow: 0 8px 16px rgba(0,0,0,0.2);
-  padding: 8px;
+   z-index: 1;
-   box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
+}
-   display: none;
+.dropdown:hover .dropdown-content {
-   z-index: 1000;
+   display: block;
 }