阅读:4904回复:15
有没有把地址输入框透明的css?
如图,差个地址栏就协调了。
试过 #urlbar-container {max-width:160px !important; background-image: -moz-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,.3)) !important;} 这样,输入框周围是有透明,但框内部还是白色没有变化。 |
|
1楼#
发布于:2012-12-15 17:17
字体非常清晰。。。。你用MT渲染?
|
|
2楼#
发布于:2012-12-15 17:17
|
|
3楼#
发布于:2012-12-15 17:17
图片:1.png /*====一大波透明正在接近====*/ /*==导航栏和标签栏透明==*/ #nav-bar{ background: transparent !important; border: 0px !important; } #TabsToolbar{ background: transparent !important; } /*==书签栏、状态栏、查找栏、地址栏透明并且文字添加阴影==*/ #PersonalToolbar, #browser-bottombox, #addon-bar,#urlbar{ -moz-appearance: none !important; background: transparent !important; text-shadow:rgba(255,255,255,1) 0 0 1em, rgba(255,255,255,1) 0 0 0.5em, rgba(255,255,255,.8) 0 0 0.2em, rgba(255,255,255,.8) 0 0 0.2em !important; font-weight:bold !important; border: none !important; } /*==载入窗口透明==*/ #appcontent, #content >tabbox >tabpanels { background-color: transparent !important; } /*==隐藏菜单栏白色背景==*/ #main-menubar {background:none !important}; /*==解决部分插件弹出菜单背景透明==*/ popup { -moz-appearance: menupopup !important; } /*==菜单背景透明==*/ popup:not(#autoscroller), menupopup { color: black !important; -moz-appearance: -moz-win-glass !important; background: transparent !important; border: none !important; padding: 5px 5px 5px 5px !important; margin: 0px 0px 0px 0px !important; text-shadow:rgba(255,255,255,1) 0 0 1em, rgba(255,255,255,1) 0 0 0.5em, rgba(255,255,255,.8) 0 0 0.2em, rgba(255,255,255,.8) 0 0 0.2em !important; } /*====透明结束====*/ 有私货,自行按照需要添加/删改 |
|
|
4楼#
发布于:2012-12-15 17:17
白左: 图片:无标题.png 搞定了,附上我的 css /* 固定地址栏长度 */ #urlbar-container {max-width:160px !important;} /* 精简火狐按钮 */ /* 去掉文字和下拉箭头 */ #appmenu-button .button-text {display: none !important;} #appmenu-button dropmarker {display: none !important;} /* 背景透明及加上图标 */ #appmenu-button {list-style-image:url("firefox.png"); /* 调整按钮宽度和边距 */ min-width:25px !important; padding-top:6px !important; padding-left:0px !important; padding-right:0px !important;} /*标签栏位移*/ #main-window[chromemargin]:not([inFullscreen="true"]) #TabsToolbar { padding: 0px 0px 3px 0px !important; } /*标签页宽度指定*/ .tabbrowser-tab[fadein]:not([pinned]) { max-width:160px !important; min-width:60px !important; } /* 书签按钮下拉菜单:隐藏多余的书签菜单项及其上的分割线 */ menuseparator[class="hide-if-empty-places-result"], #BMB_unsortedBookmarks, #BMB_viewBookmarksToolbar, #BMB_viewBookmarksToolbar+menuseparator, #BMB_bookmarksShowAll, #BMB_bookmarksShowAll+menuseparator, /*#BMB_bookmarkThisPage,*/ #BMB_subscribeToPageMenuitem, #BMB_subscribeToPageMenupopup, /*#BMB_subscribeToPageMenupopup+menuseparator,*/ #BMB_bookmarksToolbar, #BMB_bookmarksToolbar+menuseparator, #menu_unsortedBookmarks{ display:none !important;} /*====一大波透明正在接近====*/ /*==导航栏和标签栏透明==*/ #nav-bar{ background: transparent !important; border: 0px !important; } #TabsToolbar{ background: transparent !important; } /*标签页悬停*/ .tabbrowser-tab:not([selected=true]):hover,.tabs-newtab-button:hover { background-image: -moz-linear-gradient(rgba(255,255,255,.2), rgba(255,255,255,.2)) !important; text-shadow:rgba(255,255,255,1) 0 0 1em, rgba(255,255,255,1) 0 0 0.5em, rgba(255,255,255,.8) 0 0 0.2em, rgba(255,255,255,.8) 0 0 0.2em !important; } /*后台标签*/ .tabbrowser-tab:not([selected=true]),.tabs-newtab-button { background-image: -moz-linear-gradient(rgba(255,255,255,.0), rgba(255,255,255,.0)) !important; text-shadow:rgba(255,255,255,1) 0 0 1em, rgba(255,255,255,1) 0 0 0.5em, rgba(255,255,255,.8) 0 0 0.2em, rgba(255,255,255,.8) 0 0 0.2em !important; } /*当前标签*/ .tabbrowser-tab { background-image: -moz-linear-gradient(rgba(255,255,255,.4), rgba(255,255,255,.4)) !important; text-shadow:rgba(255,255,255,1) 0 0 1em, rgba(255,255,255,1) 0 0 0.5em, rgba(255,255,255,.8) 0 0 0.2em, rgba(255,255,255,.8) 0 0 0.2em !important; } /*==书签栏、状态栏、查找栏、地址栏透明并且文字添加阴影==*/ #PersonalToolbar, #browser-bottombox, #addon-bar,#urlbar{ -moz-appearance: none !important; background: transparent !important; text-shadow:rgba(255,255,255,1) 0 0 1em, rgba(255,255,255,1) 0 0 0.5em, rgba(255,255,255,.8) 0 0 0.2em, rgba(255,255,255,.8) 0 0 0.2em !important; } /*==载入窗口透明==*/ #appcontent, #content >tabbox >tabpanels { background-color: transparent !important; } /*==隐藏菜单栏白色背景==*/ #main-menubar {background:none !important}; /*==解决部分插件弹出菜单背景透明==*/ popup { -moz-appearance: menupopup !important; } |
|
5楼#
发布于:2012-12-15 17:17
又有新追求了。。。
要是输入框能像当前标签页那样有半透明背景而不是全透明的话,就更好了,或者能把那个框线加亮也行。 可是像当前标签页那样写又不行: [s]/*地址输入框*/ #urlbar { background-image: -moz-linear-gradient(rgba(255,255,255,.4), rgba(255,255,255,.4)) !important; text-shadow:rgba(255,255,255,1) 0 0 1em, rgba(255,255,255,1) 0 0 0.5em, rgba(255,255,255,.<!-- s8) --><img src="{SMILIES_PATH}/icon_cool.gif" alt="8)" title="Cool" /><!-- s8) --> 0 0 0.2em, rgba(255,255,255,.<!-- s8) --><img src="{SMILIES_PATH}/icon_cool.gif" alt="8)" title="Cool" /><!-- s8) --> 0 0 0.2em !important; }[/s] 代码都变表情了 |
|
6楼#
发布于:2012-12-15 17:17
/*==书签栏、状态栏、查找栏、地址栏透明并且文字添加阴影==*/ #PersonalToolbar, #browser-bottombox, #addon-bar{ -moz-appearance: none !important; background: transparent !important; text-shadow:rgba(255,255,255,1) 0 0 1em, rgba(255,255,255,1) 0 0 0.5em, rgba(255,255,255,.8) 0 0 0.2em, rgba(255,255,255,.8) 0 0 0.2em !important; } #urlbar{opacity: 0.5 !important;} |
|
7楼#
发布于:2012-12-15 17:17
楼上的好像是伪透明,字体也跟着透明了
搜索了半天,终于解决了。 /*==书签栏、状态栏、查找栏透明并且文字添加阴影==*/ #PersonalToolbar, #browser-bottombox, #addon-bar, { -moz-appearance: none !important; background: transparent !important; text-shadow:rgba(255,255,255,1) 0 0 1em, rgba(255,255,255,1) 0 0 0.5em, rgba(255,255,255,.8) 0 0 0.2em, rgba(255,255,255,.8) 0 0 0.2em !important; } /*==地址框、搜索框透明并且文字添加阴影==*/ #urlbar, #urlbar[focused="true"], .searchbar-textbox, .searchbar-textbox[focused="true"] { background: -moz-linear-gradient(left, rgba(255,255,255,.2), rgba(255,255,255,.2)) !important; text-shadow:rgba(255,255,255,1) 0 0 1em, rgba(255,255,255,1) 0 0 0.5em, rgba(255,255,255,.8) 0 0 0.2em, rgba(255,255,255,.8) 0 0 0.2em !important; } |
|
8楼#
发布于:2012-12-15 17:17
fire/fox:楼上的好像是伪透明,字体也跟着透明了 有白背景的话就不用加阴影了,阴影就是用来放置黑背景不可见的 |
|
|
9楼#
发布于:2012-12-15 17:17
刚才试了下,个人觉得还是有阴影好看些,不然看起来有点单薄,或者可以把阴影调淡一点。 |
|
10楼#
发布于:2012-12-15 17:17
这个插件图标的白色背景是哪个元素?不知道能不能干掉
|
|
11楼#
发布于:2012-12-15 17:17
|
|
|
12楼#
发布于:2012-12-15 17:17
|
|
13楼#
发布于:2012-12-15 17:17
图片:4.jpg 图片:21.jpg |
|
14楼#
发布于:2012-12-15 17:17
楼主用的是什么主题皮肤,能分享一下吗?
|
|
上一页
下一页