圆角水平导航栏在IE6下，A:Hover没反应。。。。。

2010-01-16 11:14:46 576 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

Power BI报表美化：打造网页式企业数据门户 Power BI作为主流商业智能工具，其本质是数据分析平台，但业务场景正倒逼它承担企业数据门户职能。实现网页式交互体验，核心在于理解网站的视觉、导航、交互与内容四层感知逻辑，并通过主题文件、书签联动、双状态形状和动态文本等原生能力落地。这种方案无需前端开发，完整继承Power BI的行级安全（RLS）、实时数据刷新与跨端响应式布局能力，显著降低维护成本与上线风险。尤其适合需快速交付、强权限管控、高可信度展示的销售、财务及运营类BI看板项目，让报表真正成为用户每日打开的‘业务操作系统’。阅读详情

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
#menu{ font-size:14px; font-family:Arial; background-color:#000000;}
#menu ul{ list-style:none;}
#menu ul li{ float:left; margin:auto 1px; width:100px; display:block;}
#menu ul li a,#menu ul li a:visited{ text-align:center; text-decoration:none; display:block;}
#menu ul li a div,#menu ul li a:visited div{ height:1px; border-left:#000000 solid 1px; border-right:1px #000000 solid; background:#B1B461; border-top-width:0px; display:block;
overflow:hidden;}
#menu ul li a div.a1,#menu ul li a:visited div.a1{ margin:0px 5px; background:#000000;}
#menu ul li a div.a2,#menu ul li a:visited div.a2{ margin:0px 3px; border:0px 2px;}
#menu ul li a div.a3,#menu ul li a:visited div.a3{ margin:0px 2px;}
#menu ul li a div.a4,#menu ul li a:visited div.a4{ margin:0px 1px;}
#menu ul li a p,#menu ul li a:visited p{ background:#B1B461; padding:2px 4px; border:1px #000000 solid; border-top:0px; margin:0px; text-align:center;}
#menu ul li a:hover p,#menu ul li a:active p{ background:#79571E; color:#FFFFFF;}
#menu ul li a:hover div.a1,
#menu ul li a:hover div.a2,
#menu ul li a:hover div.a3,
#menu ul li a:hover div.a4{ background:#79571E;}

</style>
</head>
<body>
<div id="menu">
<ul>
<li>
<a href="">
<div class="a1"></div><div class="a2"></div>
<div class="a3"></div><div class="a4"></div>
<p>菜单项</p>
</a>
</li>
<li>
<a href="">
<div class="a1"></div><div class="a2"></div>
<div class="a3"></div><div class="a4"></div>
<p>菜单项</p>
</a>
</li>
<li>
<a href="">
<div class="a1"></div><div class="a2"></div>
<div class="a3"></div><div class="a4"></div>
<p>菜单项</p>
</a>
</li>
<li>
<a href="">
<div class="a1"></div><div class="a2"></div>
<div class="a3"></div><div class="a4"></div>
<p>菜单项</p>
</a>
</li>
</ul>
</div>
</body>
</html>

...全文