How to make transparent onmouseout?

**balki** · 12-21-2013, 11:15 PM

Hello!

This is my table with onmouseover and onmouseout. How to make transparent for onmouseout?

HTML Code:

<div style="border: 0px solid rgb(218, 222, 225); border-radius: 7px 7px 7px 7px; background: url(&quot;http://store.picbg.net/pubpic/1D/93/dc3793dbcc3b1d93.gif&quot;) repeat scroll 0% 0% rgb(225, 225, 225); color: rgb(48, 58, 70); padding: 16px;">
	<div style="background: url(&quot;http://store.picbg.net/pubpic/B4/E3/abbaee215e52b4e3.jpg&quot;) repeat scroll 0% 0% rgb(225, 225, 225); color: rgb(48, 58, 70); padding: 20px;">
		<table border="1" cellpadding="1" cellspacing="1" class="modernTable withHeader" width="850">
			<thead>
				<tr>
					<td>Дата</td>
					<td>Събитие</td>
					<td>Категория</td>
					<td>Участници</td>
					<td>Линк</td>
				</tr>
			</thead>
			<tbody>
				<tr onmouseout="changecolor(&quot;transparent&quot;)" style="color:#ffffff;">
					<td><span style="color:#ffffff;">14.10.2013</span></td>
					<td>3-ти март</td>
					<td>тържество</td>
					<td>5-12 клас</td>
					<td><span style="color:#ffffff;">Линк</span></td>
				</tr>
				<tr onmouseout="this.bgColor='#FFffff'" onmouseover="this.bgColor='#89C1F5'" style="color:#ffffff;">
					<td><img alt="at" src="http://stats.souhssz.webnode.com/skins/grey/img/icons/flags/at.png" title="at"></td>
					<td>Austria</td>
					<td>Австрия</td>
					<td>Австралия</td>
					<td>Австралия</td>
				</tr>
			</tbody>
		</table>
	</div>
</div>

I use table on this page: http://www.souhssz.com/novini/

**balki** · 12-22-2013, 02:31 PM

I tried these:
onmouseout=this.bgColor('hidden')
onmouseout=this.bgColor('null')
onmouseout="clear()"

Probably will work something with opacity?

-------------------------------------------

This works with the content of the row, but I want only the background.

HTML Code:

<html>
    <head>
    	<style type="text/css">

    	.outerLink 
    	{
    		background-color:black; 
    		display:block; 
    		opacity:1;
    		filter:alpha(opacity=100);
    		width:200px;
    	}

    	img.darkableImage 
    	{
    		opacity:1;
    		filter:alpha(opacity=100);
    	}
</style>
    </head>

    <body>
    	<a href="http://www.google.com" class="outerLink">
    		<img src="http://www.google.co.uk/intl/en_uk/images/logo.gif" width="200" 
    		class="darkableImage" onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100" 
    		onmouseover="this.style.opacity=0.6;this.filters.alpha.opacity=60" />
    	</a>
    </body>
</html>

Thread: How to make transparent onmouseout?

Thread Tools

Search Thread

How to make transparent onmouseout?

Similar Threads

how do you make background transparent in fadeslideshow

How do I make the scroller's background transparent

ose anyone know how I can make have a transparent background?

Need to make element transparent

how to make transparent layer over an image ??

Bookmarks

Bookmarks

Posting Permissions