个人中心
文章发布
退出
作者热门文章
- android - RelativeLayout 背景可绘制重叠内容
- android - 如何链接 cpufeatures lib 以获取 native android 库？
- java - OnItemClickListener 不起作用，但 OnLongItemClickListener 在自定义 ListView 中起作用
- java - Android 文件转字符串
25
4
我的网页上有一张 1250 像素宽的图片。示例:http://img694.imageshack.us/img694/6171/unledvla.jpg
我在这张 950 像素宽的图片下方有一个 div。
我希望当我将窗口大小减小到 950 像素宽时，图像“居中”并且 150 像素的绿色区域(在 1250 像素图像的左侧和右侧)不可见。
这可能吗？
这是我当前的代码:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Layout</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
html,body{margin:0;padding:0}
div#container{background:green;width:950px;margin:0 auto}
</style>
</head>
<body>
<div style="width:1250px;background:url('image-1250px.jpg') 0 0 no-repeat;height:360px;margin:0 auto"> </div>
<div id="container">
<div id="header"><h1>Header</h1></div>
<div id="wrapper">
<div id="content">
<p><strong>1) Content here.</strong> column long long column very long fill fill fill long text text column text silly very make long very fill silly make make long make text fill very long text column silly silly very column long very column filler fill long make filler long silly very long silly silly silly long filler make column filler make silly long long fill very.</p>
<p>very make make fill silly long long filler column long make silly silly column filler fill fill very filler text fill filler column make fill make text very make make very fill fill long make very filler column very long very filler silly very make filler silly make make column column </p>
<p>fill long make long text very make long fill column make text very silly column filler silly text fill text filler filler filler make make make make text filler fill column filler make silly make text text fill make very filler column very </p>
<p>column text long column make silly long text filler silly very very very long filler fill very fill silly very make make filler text filler text make silly text text long fill fill make text fill long text very silly long long filler filler fill silly long make column make silly long column long make very </p>
</div>
</div>
</div>
</body>
</html>
非常感谢您对此的任何指点。
最佳答案
(1) 将背景图片的位置样式由“0 0 no-repeat”改为“top center no-repeat”。(2) 删除“width:1250px;”，因为这会在窗口尺寸减小时导致水平滚动。
要实现我认为您所描述的内容，您希望背景图片本身的宽度为 1250 像素。
关于html - 在 950 像素宽的 div 中居中 1250 像素宽的图像 - CSS 问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8054192/
25
4
0
为什么这个脚本不起作用？仅当页面宽度超过 915 像素时，我希望单击按钮时滚动页面 100 像素。我试图通过仅在宽度超过 915 像素时允许该函数运行来实现此目的，但它没有发生。怎么办？ $(docu
我需要您帮助我建立一个网站。我是一个新手，已经得到了一个设计为 900 像素宽的主体，但他们给了我一个 1200 像素宽的图像。他们希望图像跨越整个 1200 像素的宽度，因此页面两侧基本上会有 30
我有一个在 y 轴上展开的 UIScrollview 并调用这个委托(delegate)方法: -(void)scrollViewDidScroll:(UIScrollView *)scrollVie
我有一个固定的标题这个标题在我滚动时改变高度和图像标志但是当我调整窗口大小时我希望图像保持比例但随着我缩小浏览器而变得更小标志只有在限制时缩小浏览器靠近图像，但我希望在调整浏览器大小时图像变小。 我该
在我的项目中，我使用 ArcGIS API for JavaScript https://developers.arcgis.com/javascript/但是对于(在这里插入非常大的坏词)我无法覆盖
有没有办法使用 jQuery，根据窗口滚动的距离做不同的事情？ 这是我现在使用的代码； $(document).scroll(function() { // If scroll distanc
这基本上是 Jetpack Joyride 中运动的基本版本，但不是 Joyrider 以每秒 100 像素的速度下降，而是字母“x”从控制台的正中间以每秒 100 像素的速度下降和点击事件会导致它以
我像这样处理 MINMAXINFO: case WM_GETMINMAXINFO: { LPMINMAXINFO p_info = (LPMINMAXINFO)lPar
我对 javascript 有点陌生，我一直在查找 documentElement、clientWidth 和 clientHeight 并试图找出为什么它将我的 Canvas 设置为 300px x
我正在编写一些软件来读取 DICOM 文件，但我不确定如何处理具有未定义长度的标签。标准是这样说的 “如果值字段具有显式长度，则值长度字段应包含等于长度(以字节为单位)的值 值字段。否则，值字段 有一
我对 OpenGL 有点陌生，但我很确定我的问题在于所使用的像素格式，或者我的纹理是如何生成的...... 我正在使用 16 位 RGB5_A1 像素格式在平面 2D 四边形上绘制纹理，但在这个阶段我
有没有办法获取直播电视流，例如在像素级别上进行分析。 我的目标是检查直播电视流(例如使用java)，例如广播电台 Logo 是否可见。 有机会通过 Google 电视观看此直播吗？ 是否有机会通过笔记
我正在尝试构建一个函数，它以给定角度从特定坐标延伸，并循环遍历该线上的像素，直到遇到黑色像素. 如果角度为 180 度，这很容易实现。在这种情况下，搜索只会向下扩展，在每次迭代中将列坐标加 1。然而，
我已经研究了一段时间，但找不到任何解决方案。 这是我的代码 如果您将此代码复制并粘贴到本网站的 HTML 区域:http://jsfiddle.net/T3Nnu/3/ 如果您查看 Facebo
我有一个网页 - http://bit.ly/YHFX5B如果你看一下页脚，你会发现它后面有一些额外的白色像素/线条。我不明白他们是从哪里来的。 请告知他们可能来自哪里。 谢谢，丹 最佳答案 在 #f
如何在没有状态栏和操作栏的情况下获取屏幕高度(像素)或者如果有人告诉我如何获取状态栏和操作栏的高度，它也会有所帮助。我已经找到了屏幕高度，但它包括状态栏和操作栏.我将支持库 v7 用于操作栏。我在网上
Java 字符串根据宽度(像素)换行 在一些场景下，我们经常会通过判断字符串的长度，比如个数来实现换行，但是中文、英文、数字、其实在展示的时候同样长度的字符串，其实它的宽度是不一样的，这也是们我通
我创建了一个不错的简单可扩展列表。它应该像单选列表一样工作，您应该只能选择一个元素。我还没有实现这部分，因为我对列表的大小有疑问: class ExpandableListRadio extends
我使用以下代码滚动到元素顶部，但我想滚动到元素顶部上方 10px，不知道如何执行此操作，有什么建议吗？谢谢! $('html, body').stop(true,true).animate({
我有一个链接，可以在滚动时更改其垂直位置。当我点击此链接时，我想(平滑地)转到页面上的某个位置，该位置距离页面顶部正好 1080 像素。 我无法实现它，希望有人能帮助我。 链接: 脚本: $(do
我是一名优秀的程序员,十分优秀！