当前位置: 首页 > 面试题库 >

Chrome浏览器中未显示背景图片

莫选
2023-03-14
问题内容

我创建了一个小的搜索小部件,但是通过chrome浏览时,背景不会出现。我已经测试了IE,FF和safari,它们看起来都不错。

http://paradigmsearch.co.uk/widget/?id=1

我通常不愿意将布局问题放在SO上。但是,我已经讨论了一段时间。

在元素上:

<div class="widget" id="id_300x250">

我正在应用以下CSS定义

.widget {
  font-family: arial;
  height: 250px;
  width: 300px;
  border: none;
  background: url('/uploads/widget_background/cached/proportional/300x250/1_512648b566578.png') no-repeat center center;
}

背景只是不可见。如果这确实是一个愚蠢的标记/ CSS监督,那么我深表歉意。

当前使用的Chrome浏览器版本25.0.1364.172m


问题答案:

这是一个非常有趣的问题,我只有在以Chrome的隐身模式打开页面时才发现:您的背景图片被AdBlock阻止了。

另外,出于呈现目的,最好将style元素粘贴在页面的中head



 类似资料:
  • 问题内容: 我正在进行响应式设计,并且“bgMainpage”类具有背景图片,但并未在所有设备上的Safari上显示。我已经应用了背景尺寸封面,因为这正是客户想要的。我也添加了特定于浏览器的CSS,但我不确定该怎么做才能在Safari中显示。Chrome,FF,IE可以很好地显示图像。有任何想法吗 ? CSS: 问题答案: 我将图像格式从jpeg转换为gif,并且有效。所以最终的CSS是:

  • 问题内容: 我正在尝试打印页面。在该页面中,我为表格提供了背景色。当我在chrome中查看打印预览时,它不具有背景色属性… 所以我尝试了这个属性: 但仍然没有显示颜色。 问题答案: Chrome CSS属性可以正常工作。 但是,确保您拥有正确的CSS进行打印通常很棘手。可以做几件事来避免您遇到的困难。首先,将所有打印CSS与屏幕CSS分开。这是通过和完成的。 通常,仅设置一些额外的CSS是不够的,

  • 问题内容: 我使用Eclipse进行Java开发: 用于Web开发人员的Eclipse Java EE IDE。 版本:Indigo Service Release 1内部版本号:20110916-0149 当前,如果文件中存在语法错误,则“ 导航器” 视图不会显示小错误符号(红色背景上的白色 x )。 我用一个带有单个Java类的小型Java项目进行了测试。有意创建的语法错误导致在条目 存在的问

  • 问题内容: 我目前正在使用Twitter Bootstrap开发一个响应式网站。 该网站在移动设备/平板电脑/桌面上具有全屏背景图片。这些图像使用两个div旋转并逐渐淡入。 除了一个问题,它几乎是完美的。使用iOS Safari,Android浏览器或Android上的Chrome,当用户向下滚动页面并导致地址栏隐藏时,背景会略微跳动。 在移动设备上访问它并向下滚动,您应该会看到图像调整大小/移动

  • 问题内容: 我只是从Java小程序开始,然后发现了这个提供教程的网站。我输入了所有代码,但该小程序未显示在我的浏览器中:HelloWorld.java 这是我的HTML文件 我已经编译了Java文件(HelloWorld.class),并将所有文件保存在桌面上。我在Mac OS X美洲狮上使用的是野生动物园的最新版本。我在谷歌浏览器中尝试过,并说要安装一个插件,但是我没有做任何事情? 问题答案:

  • 问题内容: 这是一个非常简单的程序,我已尽力而为,但JPanel并未提供背景图片。我只希望面板上有一个简单的背景图像。 这是我的代码: 提前致谢 问题答案: 更换 与