定位图像与CSS

我有这样的代码：定位图像与CSS

<div id="container"> 
<div id="header"> logo ... 
<div id"main"> some content....

该容器宽度是960像素。所以...我想在主要部分放大图像（2000x300px）我该如何做到这一点？

来源

2011-02-13 dynamyc

这似乎是一个巨大的形象......反正，你介意发布一些你当前的代码？ – JCOC611 2011-02-13 23:39:55

这个怎么样？

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">  
<html> 
<head>  
    <style type="text/css"> 
     #mainSection{ 
      with:960px; 
      background-image:url(http://mydomain.com/images/bg.png); 
      background-repeat:no-repeat; 
     } 
    </style> 

    <title></title> 
</head> 

<body> 
    <div id="mainSection"></div> 
</body> 
</html>

您还可以指定要形象要通过增加像这样的主区样式定义：

background-position:left top;

来源

2011-02-13 23:50:02

从您的评论：

@thirtydot我希望用户水平滚动以查看其余部分

我明白你想要什么。与此CSS

<div id="largeImageContainer"> 
    <img .. /> 
</div>

：

你可以做到这一点

#largeImageContainer { 
    width: 700px; 
    margin: 0 auto; 
    overflow-x: scroll 
}

这里是展示想法Live Demo。你应该从这个答案复制代码，而不是我的演示。

关于overflow-x;看：https://developer.mozilla.org/En/CSS/Overflow-x

来源

2011-02-14 00:32:10 thirtydot

定位图像与CSS

回答

相关问题