Transparent box and Segoe Font

HTML, CSS and anything else that deals with client side capabilities.

Moderator: General Moderators

Post Reply
simonmlewis
DevNet Master
Posts: 4435
Joined: Wed Oct 08, 2008 3:39 pm
Location: United Kingdom
Contact:

Transparent box and Segoe Font

Post by simonmlewis »

Code: Select all

.mainbodyboxgreen
{
background-color: rgba(170, 215, 0, 0.7);
text-align: left; 
padding: 20px;
font-family: "Segoe UI", Arial;
}
Hi.
I've just realised this doesn't work in my DIV - the background colour doesn't show at all in IE9 (only Firefox) and the Segoe UI font doesn't show at all, even tho it's on my machine.

Why is this?
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.
User avatar
Christopher
Site Administrator
Posts: 13596
Joined: Wed Aug 25, 2004 7:54 pm
Location: New York, NY, US

Re: Transparent box and Segoe Font

Post by Christopher »

For background-color, try:
simonmlewis wrote:

Code: Select all

background-color: rgb(170, 215, 0);
background-color: rgba(170, 215, 0, 0.7);
The Segoe UI font doesn't show because it is not supported by you browser. You will need to load it manually if you require that font.
Last edited by pickle on Fri Jun 07, 2013 4:04 pm, edited 1 time in total.
Reason: Fixing broken [quote]
(#10850)
simonmlewis
DevNet Master
Posts: 4435
Joined: Wed Oct 08, 2008 3:39 pm
Location: United Kingdom
Contact:

Re: Transparent box and Segoe Font

Post by simonmlewis »

That just gives me an empty box with no background.
It's most bizarre that the official Microsoft font isn't recognised by Microsoft software by default!!
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.
User avatar
Weirdan
Moderator
Posts: 5978
Joined: Mon Nov 03, 2003 6:13 pm
Location: Odessa, Ukraine

Re: Transparent box and Segoe Font

Post by Weirdan »

Works for me in IE10 (and in IE9 mode): http://jsfiddle.net/u8fjf/
Does the url above work for you?
simonmlewis
DevNet Master
Posts: 4435
Joined: Wed Oct 08, 2008 3:39 pm
Location: United Kingdom
Contact:

Re: Transparent box and Segoe Font

Post by simonmlewis »

That doesn't load in IE9 at all. Only shows "initializing the awesome". The two panes I get in Firefox do not load at all in IE9.
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.
simonmlewis
DevNet Master
Posts: 4435
Joined: Wed Oct 08, 2008 3:39 pm
Location: United Kingdom
Contact:

Re: Transparent box and Segoe Font

Post by simonmlewis »

Code: Select all

<style>
.mainbodyboxgreen
{
background-color: rgba(170, 215, 0, 0.7);
text-align: left; 
padding: 20px;
color: #000000;
font-family: "Segoe UI", Arial;
}

.blackbox
{
background-color: #000000;
padding: 10px;
color: #ffffff;
}
</style>

<div class='blackbox'>
hi
<div class="mainbodyboxgreen">asdfasdF</div>

</div>
Even this on its own in IE9 fails. I just get a black box with text.
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.
User avatar
pickle
Briney Mod
Posts: 6445
Joined: Mon Jan 19, 2004 6:11 pm
Location: 53.01N x 112.48W
Contact:

Re: Transparent box and Segoe Font

Post by pickle »

Christopher wrote:The Segoe UI font doesn't show because it is not supported by you browser. You will need to load it manually if you require that font.
I've never heard of a font not being supported by a browser.
Real programmers don't comment their code. If it was hard to write, it should be hard to understand.
simonmlewis
DevNet Master
Posts: 4435
Joined: Wed Oct 08, 2008 3:39 pm
Location: United Kingdom
Contact:

Re: Transparent box and Segoe Font

Post by simonmlewis »

That's my issue. In Firefox it DOES load. In IE9 it doesnt.
So I have these two issues with apparently should be fine in IE9, but are not.
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.
Post Reply