CSS鼠標放上去菜單欄是Web開發中常用的交互式組件。通過CSS實現鼠標懸浮在菜單項上時顯示其它相關的菜單項，方便用戶快速選擇所需的功能。

.menu{
margin: 0;
padding: 0;
list-style: none;
background-color: #f2f2f2;
}
.menu li{
display: inline-block;
position: relative;
line-height: 50px;
padding: 0 20px;
cursor: pointer;
}
.sub-menu{
display: none;
position: absolute;
left: 0;
top: 50px;
background-color: #fff;
border: 1px solid #ccc;
}
.menu li:hover .sub-menu{
display: block;
}
.sub-menu li{
display: block;
line-height: 30px;
}

以上是一個簡單的CSS代碼實現一個鼠標放上去菜單欄的例子。menu是菜單項所在的容器，其樣式設置為無序列表（list-style: none）并有一個灰色背景（background-color: #f2f2f2）。每個菜單項使用li標簽，其樣式設置為行內塊元素并相對定位（position: relative），鼠標指針在上面時變為手形（cursor: pointer），在每個菜單項的下面，放置一個帶有子菜單項的div元素，用于在鼠標放上去時顯示子菜單項。

.sub-menu的樣式設置為絕對定位，并且在頂部距離其父菜單項的下面50像素。這意味著當用戶鼠標放上去時，子菜單項會顯示其父菜單項的下面并懸浮在頁面上方。子菜單項的樣式設置為塊級元素并具有行高30像素。

在CSS中，使用:hover偽類選擇器指定當鼠標懸浮在某個元素上時要應用的樣式。在這個例子中，當鼠標懸浮在菜單項li上時，響應其子菜單項的顯示（display: block）。這意味著子菜單項將顯示在用戶鼠標下方的菜單項下面。