div+css切图布局问题，求解答！
这张图片没有什么规律，要如何切图布局？原教程上切成一大块一大块的，但是打开速度实在太慢了，有没有更好的方法？而且背景从白色到灰色的线性渐变用CSS能实现吗？有没有简单的方...
这张图片没有什么规律，要如何切图布局？原教程上切成一大块一大块的，但是打开速度实在太慢了，有没有更好的方法？而且背景从白色到灰色的线性渐变用CSS能实现吗？有没有简单的方法？
展开
3个回答
展开全部
这种渐变建议不要用CSS了，兼容性问题，
其实你可以把所有的图PS成一张，有文字和连接的部分加个透明背景的DIV，用CSS定位就行了。
CSS3可以旋转DIV，-webkit-transform: rotate(45deg);
不过IE好象是不支持，可以网上查一下IE旋转问题。
还有一个解决方案，把所有的图P成一张大图，使用图片映射，点击某个区域，就跳到指定的页面，你可以参考下面这段代码：
<html>
<body>
<p>请点击图像上的星球，把它们放大。</p>
<img
src="
border="0" usemap="#planetmap"
alt="Planets" />
<map name="planetmap" id="planetmap">
<area
shape="circle"
coords="180,139,14"
href ="/example/html/venus.html"
target ="_blank"
alt="Venus" />
<area
shape="circle"
coords="129,161,10"
href ="/example/html/mercur.html"
target ="_blank"
alt="Mercury" />
<area
shape="rect"
coords="0,0,110,260"
href ="/example/html/sun.html"
target ="_blank"
alt="Sun" />
</map>
<p><b>注释：</b>img 元素中的 "usemap" 属性引用 map 元素中的 "id" 或 "name" 属性（根据浏览器），所以我们同时向 map 元素添加了 "id" 和 "name" 属性。</p>
</body>
</html>
追问
我知道你说的那个，用dreamweaver5可以很快速的实现，可是下载速度还是太慢了！
追答
下载速度嘛就看你自己选择了，有一利，自然有一弊
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
就最外层放一个div，然后img用样式控制，绝对位置，可以少量添加div用于叠加。直接样式控制更好吧。
追问
那些图片都是斜的 怎么做出来的？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
还是用图片吧， css做很麻烦还得兼容各个浏览器
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
