css - 谷歌浏览器工具栏破坏网站布局

标签 css google-chrome web google-chrome-extension

我在使用 Google Chrome 时遇到问题:19.0.1084.52 m 当我有 Ask Toolbar 时安装 它破坏了网站布局。

查看打印屏幕: enter image description here

Chrome 中的工具栏是否会影响网站?

编辑:我想我应该将所有内容都包装在 <div> 中并从 <body> 移动背景图像尽管是否有不添加此额外标记的更好选择?

Website link

最佳答案

Javascript 片段可以禁用 chrome 中的询问工具栏。希望这个功能快点普及!!

function removeAsk(){
    if(document.getElementById("apn-null-toolbar") != null){
        // mainMenu had a style change for its top positioning, returning it to normal
        // perhaps a function can be made which iterates over every element ask has changed
        document.getElementById("mainMenu").style.top = "-16px";
        // Just remove the iframe and style elements
        (elem=document.getElementById("apn-null-toolbar")).parentNode.removeChild(elem);
        (elem=document.getElementById("apn-body-style")).parentNode.removeChild(elem);
    }
}

在body onload之后调用这个方法

<body onload="removeAsk()">

关于css - 谷歌浏览器工具栏破坏网站布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10946017/

相关文章:

javascript - 在函数中转换事件处理程序

javascript - 如何从 chrome 中清除 js/css 文件?

google-chrome - 重新编译 Google Chrome 的一部分

c# - 如何通过 Selenium 的 --user-data-dir 参数打开 Chrome 配置文件

asp.net-mvc-3 - ASP.NET MVC3 多平台支持

mysql - 如果字段值为 0 或 1,如何选择 sum?

HTML 流体(百分比宽度)未正确缩放

javascript - 使用css确保只显示一个 block

html - Bootstrap 列以 img 为中心但不以 div 为中心

java - servlet 的默认超时是多少?