|
阅读:2735回复:1
[求助]怎样让当前标签页透明
如图,请教一下高手怎样的代码可以让当前标签页透明,就跟背景一样透明,谢谢啦
图片:QQ截图20111215125236.png ![]() 另外还有个小问题,怎样能让地址栏也透明呢? |
|
|
1楼#
发布于:2011-12-15 12:54
透明
/* 地址、搜索栏 */
textbox {
background: none !important;
box-shadow: none !important;
}
/* 地址、搜索栏文字效果 */
textbox {
text-shadow: 0 1px rgba(255,255,255,.5) !important;
text-shadow: 1px 1px 5px white, -1px -1px 5px white !important;
}
/* 书签栏 */
toolbar {
background-color: rgba(255,255,255,.0) !important;
}
/* 隐藏书签栏文件夹图标
toolbarbutton.bookmark-item > .toolbarbutton-icon {
display:none!important;
}*/
/* 隐藏书签栏文件夹文字*/
#personal-bookmarks .toolbarbutton-text {display: none !important;}
#personal-bookmarks .toolbarbutton-icon {display: -moz-box !important;}
/*==书签栏、状态栏、查找栏透明并且文字添加阴影==*/
#PersonalToolbar, #browser-bottombox, #addon-bar{
-moz-appearance: none !important;
background: transparent !important;
text-shadow: rgba(255,255,255,.8) 0 0 0.2em,rgba(255,255,255,.8) 0 0 0.2em,rgba(255,255,255,.8) 0 0 0.2em,rgba(255,255,255,.8) 0 0 0.2em,rgba(255,255,255,.8) 0 0 0.2em, rgba(255, 255, 255, 0.6) 0px 1px 0px !important;
font-weight:bold !important;
border: none !important;
}
/* 当前标签、未读标签、新建标签 */
.tabbrowser-tab[selected=true],.tabbrowser-tab:not([selected=true]):hover,.tabs-newtab-button:hover {
background-image: -moz-linear-gradient(rgba(255,255,255,.6), rgba(255,255,255,.4)) !important;
}
.tabbrowser-tab:not([selected=true]),.tabs-newtab-button {
background-image: -moz-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,.2)) !important;
}
/* 下载窗口透明 */
#downloadManager{
-moz-appearance: -moz-win-glass !important;
background:transparent!important;
}
#downloadView {
border: none!important;
opacity: 0.99 !important;
text-shadow:
white 0px 0px 5px,
white 0px 0px 5px,
white 0px 0px 5px,
white 0px 0px 5px,
white 0px 0px 5px !important;
color: black !important;
}
#downloadView > richlistitem {
color: black !important;
border-color: RGBa(235,244,255,0.3) !important;
outline: none !important;
}
#downloadView > richlistitem[selected=true] {
background: RGBa(235,244,255,0.6) !important;
}
#downloadView > richlistitem:hover {
background: transparent !important;
-moz-box-shadow:
white 0px 0px 8px inset,
white 0px 0px 8px inset,
white 0px 0px 8px inset !important;
}
#downloadView > richlistitem[selected=true]:hover {
background: RGBa(235,244,255,0.4) !important;
}
#downloadManager scrollbar{
-moz-appearance: none !important;
background:transparent !important;
}
#downloadManager thumb,
#downloadManager scrollbarbutton {
opacity: .7 !important;
}
#downloadManager thumb:active,
scrollbarbutton:active {
opacity: 1 !important;
}
#downloadManager thumb:hover,
#downloadManager scrollbarbutton:hover{
opacity: .9 !important;
}
#searchbox{
opacity:0.8!important;
width:200px!important;
}
#searchbox:hover{
opacity:1!important;
-moz-box-shadow:
white 0px 0px 20px,
white 0px 0px 20px ,
white 0px 0px 20px !important;
}
#clearListButton{
width:140px!important;
opacity:0.8!important;
height:30px!important;
}
#clearListButton:hover{
opacity:1!important;
-moz-box-shadow:
white 0px 0px 8px ,
white 0px 0px 8px!important;
-moz-border-radius:3px;
text-shadow:
white 0px 0px 10px,
white 0px 0px 10px,
white 0px 0px 10px,
white 0px 0px 10px,
white 0px 0px 10px !important;
}
#dmtBottomToolBox, #dmtBottomToolBar, #downloadView, #dmtTopToolBox, #dmtTopToolBar, #dmtDownloadInfoBar, #xfirexo
{
background-image: -moz-linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.1)) !important;
background-color: transparent !important;
-moz-appearance: -moz-win-glass !important;
border: none !important;
margin-left: -1px !important;
}
/*===========右键菜单圆角===============*/
popup:not(#autoscroller), menupopup
{
-moz-appearance: -moz-win-glass !important ;
background: transparent !important;
border: 1px solid grey !important;
text-shadow: white 1px 1px 10px !important;
padding: 3px !important;
margin: 0px !important
} |
|
