使用javascript压缩图像
我需要使用javascript压缩保存在div背景图像中的图像。对于该图像,四的边有圆角 在javascript中可能吗使用javascript压缩图像,javascript,html,css,dhtml,Javascript,Html,Css,Dhtml,我需要使用javascript压缩保存在div背景图像中的图像。对于该图像,四的边有圆角 在javascript中可能吗 有什么建议吗?CSS不支持调整背景图像的大小 如果您只是在寻找圆角,那么有各种各样的解决方案可以使用HTML、CSS和Javascript的各种组合 您不能使用JS调整背景大小 您可以将图像拆分为4个角图像和嵌套div以显示它们: <div style="background:url(tl.jpg) top left no-repeat"> <div
有什么建议吗?CSS不支持调整背景图像的大小 如果您只是在寻找圆角,那么有各种各样的解决方案可以使用HTML、CSS和Javascript的各种组合 您不能使用JS调整背景大小 您可以将图像拆分为4个角图像和嵌套div以显示它们:
<div style="background:url(tl.jpg) top left no-repeat">
<div style="background:url(tr.jpg) top right no-repeat">
<div style="background:url(bl.jpg) bottom left no-repeat">
<div style="background:url(br.jpg) bottom right no-repeat">
content
</div>
</div>
</div>
</div>
内容
当然,如果div仅在一个轴上增长,则可以简化:
<div style="background:url(top.jpg) top no-repeat">
<div style="background:url(bottom.jpg) bottom no-repeat">
content
</div>
</div>
内容
CSS 3具有允许您执行此操作的background size属性,但大多数浏览器不支持此属性。大多数现代浏览器允许您在不使用背景图像的情况下绕过元素的各个角落。查看以下CSS样式
-moz-border-radius:4px;
border-radius:4px;
-webkit-border-radius:4px;
每一个都会给你一个4像素的半径。第一个在Mozilla浏览器(如Firefox)中,第二个是较新的css3浏览器,最后一个在Safari等中。CSS确实支持它,浏览器不支持具有背景大小规则的CSS 3规范。我只是想到了相同的解决方案。。。此外,我创建了一个小草图,显示了分割的背景以及必须重复的部分: