При использовании png.htc, в iE6 невозможно выделить текст

[BassEast]

Привет.

Для прозрачности PNG, использую файл png.htc, div с контентом имеет png прозрачный бэкграунд, и из-за этого скрипта, в IE6 перестал выделяться текст.

Как это можно пофиксить?

Можно конечно перевертать так, чтобы у divа с контентом бэкграунд был выставлен просто цветом.

Edited April 13, 2009 by BassEast

[Justnewone]

Попробуйте блоку с текстом zoom:1

[Nekromancer]

текст в ещё 1 див и релатив ему

[ZoNT]

убить png.htc!

[BassEast]

  ZoNT said:

убить png.htc!

что юзать?

[ZoNT]

Не юзать розрачные пнг для ИЕ6 и всё.

[BassEast]

это надо дизайнерам прекращать рисовать блоки с тенями - фича бородатая.. а всё еще рисуют..

[Вадим]

  BassEast said:

что юзать?

htc оч сильно тормозит броузер. лучше js.

var bgsleight	= function() {

	function addLoadEvent(func) {
		var oldonload = window.onload;
		if (typeof window.onload != 'function') {
			window.onload = func;
		} else {
			window.onload = function() {
				if (oldonload) {
					oldonload();
				}
				func();
			}
		}
	}

	function fnLoadPngs() {
		var rslt = navigator.appVersion.match(/MSIE (\d+\.\d+)/, '');
		var itsAllGood = (rslt != null && Number(rslt[1]) >= 5.5);
		for (var i = document.all.length - 1, obj = null; (obj = document.all[i]); i--) {
			if (itsAllGood && obj.currentStyle.backgroundImage.match(/\.png/i) != null) {
				fnFixPng(obj);
				obj.attachEvent("onpropertychange", fnPropertyChanged);
			}
		}
	}

	function fnPropertyChanged() {
		if (window.event.propertyName == "style.backgroundImage") {
			var el = window.event.srcElement;
			if (!el.currentStyle.backgroundImage.match(/x\.gif/i)) {
				var bg	= el.currentStyle.backgroundImage;
				var src = bg.substring(5,bg.length-2);
				el.filters.item(0).src = src;
				el.style.backgroundImage = "url(../img/blank.gif)";
			}
		}
	}

	function fnFixPng(obj) {
		var bg	= obj.currentStyle.backgroundImage;
		var src = bg.substring(5,bg.length-2);
		obj.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "', sizingMethod='scale')";
		obj.style.backgroundImage = "url(../img/blank.gif)";
	}




	return {

		init: function() {

			if (navigator.platform == "Win32" && navigator.appName == "Microsoft Internet Explorer" && window.attachEvent) {
				addLoadEvent(fnLoadPngs);
			}

		}
	}

}();

bgsleight.init();

Пример хороший, но работает только для background.

Drew McLellan

Edited April 18, 2009 by Вадим