Что нового

Поддержка эффектов для элементов в объекте IE

Viktor1703

AutoIT Гуру
Сообщения
1,535
Репутация
413
Решил на Textarea в html коде поставить эффект тени и закругление углов у элемента, в браузерах всё работает как надо, но если этот html код вставить в объект IE на форме, то все эффекты пропадают, может что - то другое нужно использовать или есть какие нибудь ActiveX компоненты с поддержкой эффектов?
 

Garrett

Модератор
Локальный модератор
Сообщения
3,999
Репутация
967
Viktor1703 [?]
закругление углов у элемента

Всё дело в том что Shell.Explorer.2 поддерживает минимум CSS инструкций. Поэтому используйте графику, тем более вес страницы огромной роли не играет, если она будет грузиться с диска.

html
Код:
<div class="wrap">
	<div class="tr"></div><div class="tl"></div>
	<div class="content">
		<b>Hello Autoit!</b>
	</div>
	<div class="br"></div><div class="bl"></div>
</div>

css
CSS:
.wrap {
	background-color:#afafaf; /* основной цвет вашего блока */
}
.content {
	color:#fff; /* цвет текста */
	padding:0 25px;
}
.tl, .tr, .bl, .br {
	width:19px; /* здесь и далее цифру 19 замените на ширину вашего угла */
	height:19px;
	background:url("img/1.gif"); /* путь к вашему изображению */
}
.tr, .br {
	float:right;
}
.bl {
    background-position:0px 19px;
}
.br {
    background-position:19px 19px;
}
.tr {
    background-position:19px 0px;
}

Картинка углов в attached.
 
Автор
V

Viktor1703

AutoIT Гуру
Сообщения
1,535
Репутация
413
Спасибо Garrett, помогло :smile:.


Добавлено:
Сообщение автоматически объединено:

Garrett, тут проблема возникла, если Textarea таскать мышкой, то по Height картинка тоже увеличивается, а по Width она растянута во всё окно, если явно указать в стиле параметр Width, то картинка не увеличивается по Width относительно элемента Textarea, можно это сделать, или нужно что - то ещё придумывать?

Код:
<html>
  <head>
     <style>
	 .block {background-color: #afafaf;}
       .content {color:#fff; padding: 0 20px;}
       .left-top, .right-top, .left-bottom, .right-bottom {width: 20px; height: 20px; background: url("1.gif");}
       .right-top, .right-bottom {float: right;}
       .left-bottom {background-position: 0px 20px;}
       .right-bottom {background-position: 20px 20px;}
       .right-top {background-position: 20px 0px;}
     </style>
  </head>
  <body>
    <div class="block" style="width: 140px">
	<div class="right-top"></div><div class="left-top"></div>
	  <div class="content">
		<b><textarea value="" style="width: 100px"></textarea></b>
	  </div>
	<div class="right-bottom"></div><div class="left-bottom"></div>
    </div>
  </body>
</html>
 

Garrett

Модератор
Локальный модератор
Сообщения
3,999
Репутация
967
Viktor1703 [?]
можно это сделать
Можно с помощью JScript`а пересчитываться размеры динамически.
Но, вы же писали:

[?]
но если этот html код вставить в объект IE на форме
В этом случае изменять размер мышкой вы не сможите. По крайней мере, у меня не получилось в Shell.Explorer.2 менять размер :smile:
 
Верх