herolsh
小狐狸
小狐狸
  • UID37929
  • 注册日期2011-12-07
  • 最后登录2013-07-19
  • 发帖数4
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
阅读:2245回复:1

[求助]怎样让当前标签页透明

楼主#
更多 发布于:2011-12-15 12:54
如图,请教一下高手怎样的代码可以让当前标签页透明,就跟背景一样透明,谢谢啦

图片:QQ截图20111215125236.png



另外还有个小问题,怎样能让地址栏也透明呢?
bobnemo
小狐狸
小狐狸
  • UID29702
  • 注册日期2009-07-17
  • 最后登录2012-04-14
  • 发帖数39
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
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
}
游客

返回顶部