Прозрачен PNG
- Автор sizif
- Начална дата
Аз ти препоръчвам да го направиш това изображение бекграунд, ако не е и да ползваш тоя хак:
Тоя хак е само за ИЕ6, то само там не се поддържа png-та. Със * html казваш , че ще се чете само от ИЕ6.
Тези хакове който са с отделни файлове, бавят , а и ако имаш повече пнг-та стама мн тромаво.
Код:
* html .my_class {background:none; filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/light.png', sizingMethod='crop');}Тоя хак е само за ИЕ6, то само там не се поддържа png-та. Със * html казваш , че ще се чете само от ИЕ6.
Тези хакове който са с отделни файлове, бавят , а и ако имаш повече пнг-та стама мн тромаво.
shterev,
сега ти видях мнението.
Ще опитам, но ме притеснява тази забележка:
Сигурен ли си, че условието няма да се изпълни от ИЕ7?
CaMoTeH_,
долкокото видях от урока, използват същия Js, който е предложил adrian с единия от линковете.
1 изображение е - фирмено лого. Може да мине и за бекграунд, макар че не е много желателно, но при варианта с килограми Js по-добре да го направя бекграунд.
PS:
shterev,
получава се, но възникват 2 проблема:
1) как да центирам въпросния бекграунд? (background-position:center center като стойност очевидно няма как да свърши работа)
2) как да укажа въпросното изображение за другите браузъри без да се окаже дублирано под ИЕ (указано веднъж в хака и втори път в отделен клас заради другите браузъри)?
сега ти видях мнението.
Ще опитам, но ме притеснява тази забележка:
Сигурен ли си, че условието няма да се изпълни от ИЕ7?
CaMoTeH_,
долкокото видях от урока, използват същия Js, който е предложил adrian с единия от линковете.
1 изображение е - фирмено лого. Може да мине и за бекграунд, макар че не е много желателно, но при варианта с килограми Js по-добре да го направя бекграунд.
PS:
shterev,
получава се, но възникват 2 проблема:
1) как да центирам въпросния бекграунд? (background-position:center center като стойност очевидно няма как да свърши работа)
2) как да укажа въпросното изображение за другите браузъри без да се окаже дублирано под ИЕ (указано веднъж в хака и втори път в отделен клас заради другите браузъри)?
Аз не виждам и не мога да ти проумея проблема, какво ще стане ако е бекграунд на див и в него има а таг?Но много зависи от случая.
По-добре бих ти отговорил ако видя точно за какво става дума, но да се центрира бекграунда става във всички браузъри освен ИЕ6.
Ще се центрира освен в ИЕ6.
Тук не си ме разбрал.
.class{
background:url();
}
се изпълнява от всички браузъри
* html .class{
} изпълнява се само от ИЕ6, другите браузъри не го четат това. И тук си слагаш филтъра за ИЕ6 за пнг-та.Но проблема е че не може да се центрира.Има други методи, който могат да свършат работа, но пак зависи от случая.
sizif каза:
Код:
#logo
{
background: url("grafika/logoW.png") no-repeat center center
}
* html #logo
{
background:none; filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='grafika/logoW.png', sizingMethod='crop');
}Но защо не направиш един а таг на него да зададеш бекграунда, без да го центрираш и вече щом е таблиза оттам да се центрира а-то?
#logo{
display:block;
width:100px;
height:80px;
position:relative;
background: url("grafika/logoW.png") no-repeat left top;
}
<TD valign="middle" ><a id="logo" href="index.php"></a></TD>
Включва през 300 милисекунди няколко полета, на които стойността при зареждане е display:none, управлява появата на логото (също със стойност на елемента, в който се намира display:none), а самото лого е връзка към вътрешните страници, която след минаване с мишката включва други анимирани ефекти (мигащо изображение "Ентър", поява на други връзки и т.н). Страницата прилича на флашовка без да е такава, но по-важното е, че цялото съдържание е в ХТМЛ, така че да може да се чете от гугъл 
)
В момента половината анимация (от логото нататък) не работи, както трябва защото ефектите с мишката се активират само по контурите на логото. Ще опитам да сложа прозрачен гиф върху логото с надеждата, че ще го отчита като плътен обект, но ме притеснява, че гугъл може да реши, че съм сложил фалшива връзка и ще трябва да помисля дали да не направя прехода с Js, а самата връзка да я дублирам някъде с анчър (<A href...>).
Затова казвам, че заради един PNG не си заслужава да преправям цялата страница
)В момента половината анимация (от логото нататък) не работи, както трябва защото ефектите с мишката се активират само по контурите на логото. Ще опитам да сложа прозрачен гиф върху логото с надеждата, че ще го отчита като плътен обект, но ме притеснява, че гугъл може да реши, че съм сложил фалшива връзка и ще трябва да помисля дали да не направя прехода с Js, а самата връзка да я дублирам някъде с анчър (<A href...>).
Затова казвам, че заради един PNG не си заслужава да преправям цялата страница