Question

div+css切图

美工做的图宽度是1300高度是700！如果按照这个做出来有上下也有左右的滚动条！可是不写宽度不写高度也是不可以啊！请问需要怎么办呢？

Answer 1

一般来说，网页只接受上下滚动条，左右是不方便的，因为你的鼠标中键滚轮是只支持上下的。。
所以。你还是做标准宽度吧。1024分辨率是最常用的，而1024分辨率下没有左右滚动条的宽度是1003px，所以你现在要做的就是：
photoshop 菜单->图像->图像大小:1003px;

Answer 2

<span style="border:1 solid gray;height:200;width:200;overflow:hidden;"><img id="mxx"></span>
<script language="javascript">
var mImage = new Image();
var mW=200,mH=400,mT=0,mL=0;
mImage.src = "图片002.jpg";
mxx.src=mImage.src;
mxx.style.position="absolute";
mT=(mImage.height-mH)/2;
mL=(mImage.width-mW)/2;
mW=mL+mW;
mH=mT+mH;
mxx.style.clip="rect("+mT+","+mW+","+mH+","+mL+")";
mxx.style.left=-mL;
mxx.style.top=-mT;

</script>
把上面代码中“图片002.jpg”改为你的图片名。具体尺寸自己调整吧。
如果想知道Clip截取的原理到我空间里看吧。

Answer 3

显示器没那么大，有滚动条是正常的。
如果不想显示滚动条：
1. 把图片按比例缩小。
2. 容器加css： overflow:hidden;

Answer 4

我想问，为什么你非得要把宽度设置成跟图片的宽度一样？为什么非得要把图片完全显示不可？人家美工的做这么大的图片只是为了避免在浏览器上出现空白而已。