0
我可以选择调整我的portlet大小。对于火狐它工作正常,但IE8它不工作。可调整大小的选项在IE 8中不起作用,但在Firefox中正常工作
CSS代码:
.ui-resizable {
position: relative;
}
.ui-resizable-handle {
background: transparent url() no-repeat 50% 50%;
display: none;
font-size: 0.1px;
position: absolute;
}
.ui-resizable .ui-resizable-handle {
display: block;
}
.js .ui-resizable-disabled .ui-resizable-handle {
display: none;
}
.js .ui-resizable-autohide .ui-resizable-handle {
display: none;
}
.ui-resizable-n, .ui-resizable-s {
background-image: url(../images/application/handle_horizontal.png);
height: 14px;
left: 0;
right: 0;
}
.ui-resizable-n {
cursor: n-resize;
top: 0;
}
.ui-resizable-s {
bottom: 0;
cursor: s-resize;
}
.ui-resizable-e, .ui-resizable-w {
background-image: url(../images/application/handle_vertical.png);
background-position: center center;
bottom: 0;
top: 0;
width: 14px;
}
.ui-resizable-e {
cursor: e-resize;
right: 0;
}
.ui-resizable-w {
cursor: w-resize;
left: 0;
}
.ui-resizable-ne, .ui-resizable-nw {
height: 14px;
top: 0;
width: 14px;
}
.ui-resizable-ne {
background-image: url(../images/application/handle_ne.png);
cursor: ne-resize;
right: 0;
}
.ui-resizable-nw {
background-image: url(../images/application/handle_nw.png);
cursor: nw-resize;
left: 0;
}
.ui-resizable-se, .ui-resizable-sw {
bottom: 0;
height: 14px;
width: 14px;
}
.ui-resizable-se {
background-image: url(../images/application/handle_se.png);
cursor: se-resize;
right: 0;
}
.ui-resizable-sw {
background-image: url(../images/application/handle_sw.png);
cursor: sw-resize;
left: 0;
}
我的问题是,是否有任何基于CSS的解决方案,以激活IE可调整大小的选项?
您需要使用JavaScript。其IE版本为 – alex
!你对它有什么期望?对于一个完全跨浏览器的应用程序,你应该使用js,就像alex说的那样。研究像jQurey这样的库,它们是跨浏览器的。 – crodjer