可调整大小的选项在IE 8中不起作用，但在Firefox中工作正常

Question

我可以选择调整我的portlet。对于火狐来说它的工作正常，但对IE8来说它不起作用。

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的可调整大小的选项？

Answer 1

那是因为IE不支持那个css元素。

你最终会学到的东西是IE不支持很多有用的东西。 咳嗽

我最好的建议是在Google上寻找解决方法，但我怀疑你会找到一个。我想你需要使用javascript。