本站不兼容 8 以前的版本的 Interner Explorer 浏览器(或基于这些版本的 IE 的其他浏览器),并且页面样式不完全兼容 IE 8,我们建议你升级至 IE 9 或改用其他非 IE 浏览器

Mozest™

  • 正在加载用户菜单…

开放、分享、互助

转播到腾讯微博
返回列表 回复 发帖

[已解决] 请教transform 属性的问题

本帖最后由 meat 于 2014-6-30 16:55 编辑

一直在用的自动隐藏地址栏Userstyle 因为firefox 更新不能用了,想自己修改一下,遇到些问题:
原脚本地址:
https://userstyles.org/styles/45652/firefox-4-autohide-navigation-bar-alternative

地址栏的结构是这样的:
  1. #navigator-toolbox
  2.      #nav-bar
  3.             #nav-bar-customization-target
  4.                    #urlbar-container
  5.                          #urlbar
复制代码
一层一层下来。

原来那个Userstyle 是移动 #urlbar-container。我在学习那个脚本写法时,模仿移动了一下元素,却出现这种情况,怎么理解他们的区别:
  1. #urlbar-container{
  2.                 opacity: 1 !important;
  3.                 -moz-transform: translateY(25px) !important; /* offset */
  4.   
  5. }
复制代码
移动container,不能以出父元素属性范围,如图:


而移动另外一个元素,即把#urlbar-container改成上一级的#nav-bar-customization-target 就没有这种情况


是哪个属性定义它能不能跑出父元素的范围的?
附件: 您所在的用户组无法下载或查看附件
  去找dkgo问问看看
.....
chrome://browser/content/browser.xul
然后上Firebug。。。随便点点看解决了。发现原来是很基础的东西。。。父框架的overflow属性是hidden

overflow 属性规定当内容溢出元素框时发生的事情。
visible         默认值。内容不会被修剪,会呈现在元素框之外。
hidden         内容会被修剪,并且其余内容是不可见的。
scroll         内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。
auto         如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。
inherit         规定应该从父元素继承 overflow 属性的值。
伸手,求自动隐藏地址栏样式