IE9 beta - Seven box-shadow is working

Hello
I just tested a page on my own desktop using IE9 Beta (Win 7 64 Pro)
and the box-shadow property is well supported it seems.
So maybe it's time to update the version in BrowserLabs, which is not
displaying it...

So, as promised here is the (slightly delayed) follow-up. We updated both IE9 and our screen capture utility so you should be able to see box-shadow working now in our screenshots there.
Thanks for reporting this issue, we know it's important to our users that our screenshots be as accurate as possible and feedback like yours definitely helps.
Keep in mind that IE9 is beta software so please report any other problems/inconsistencies you see - we are actively working to resolve issues like these.
Thanks,
Mark

Similar Messages

-webkit-box-shadow not working on Air

-webkit-box-shadow not working on Air anyone know why that
is?
It works on Safari but if I add it to my Html/Ajax app in air
its no go.

It's not on the list of webkit CSS properties supported in
AIR:
http://livedocs.adobe.com/air/1/devappshtml/AboutHTMLEnvironment_3.html

Box shadow not working in certain browsers

Hello! I created a box shadow and I implemented code so it would show up in the popular browsers. I noticed though, the box shadow will not show up in Explorer and Mozilla. It does show up in Google Chrome and Safari. This is the code I added in. Am I missing something? Thanks.
-webkit-box-shadow: 2px 1px 5px 7px #3FF;
-moz-box-shadow: 2px 1px 5px 7px #3FF;

What versions of those browsers (IE and Firefox) are you using?
The bright green box shadow shows fine here, though Firefox no longer needs the -moz prefix so you should have a line for...
box-shadow: 2px 1px 5px 7px #3FF;
...at the end of your browser prefix versions.
Could it be a browser cache issue?

I want to do a border-radius with box shadow and it doesn't work, why?

This should be simple but it's not working and I don't know why. I think the problem is in the html.
I simply want to have a div with an image inside that is circular and has an inset shadow and is centered on the page.
/*here is my css*/
#div3 {
-webkit-margin:25px auto;
-webkit-border-radius:50%;
.box-shad{
-webkit-box-shadow: 15px 15px 15px #8 inset;

<body>
<div class="gridContainer clearfix">
<div id="div3" class="fluid"><div class="box-shad"><a href="index.html"><img src="images/Big-tree-trans1.png" width="900" height="700" alt=""/></a></div>
</div>
</body>
Here is my website: www.adjacentdimensionsmedia.com

I want a different drop shadowed image on each page. Is there a way to do that?
Sure. Copy & paste the following code into a new, blank document.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5 Document</title>
<style>
    margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
img {
    max-width: 100%;
    vertical-align: baseline
body { background: #069 }
header, footer {
    clear: both;
    width: 100%;
    padding: 0 2%;
    background: #CCC;
    color: #000;
    min-height: 50px
article {
    clear: both;
    width: 75%;
    min-height: 600px;
    padding: 0 2%;
    background: #FFF;
    color: #069;
    margin: 0 auto;
.shadow img { box-shadow: 1px 3px 5px #333 }
.radius img {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
.border img { border: 20px solid #069 }
.center {
    text-align: center;
    margin: 0 auto
</style>
</head>
<body>
<header>Header</header>
<article> <h1>Main content area</h1>
<div class="shadow radius border center">

<img src="http://placehold.it/500x325.jpg"> </div>
<h3>Heading 3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae libero lacus, vel hendrerit nisi! Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus. Pellentesque aliquet aliquet ligula, et sagittis justo auctor varius. Quisque varius scelerisque nunc eget rhoncus. Aenean tristique enim ut ante dignissim. </p>
<p> </p>
<h3>Heading 3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae libero lacus, vel hendrerit nisi! Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus. Pellentesque aliquet aliquet ligula, et sagittis justo auctor varius. Quisque varius scelerisque nunc eget rhoncus. Aenean tristique enim ut ante dignissim. </p>
</article>
<footer>Footer</footer>
</body>
</html>
Nancy O.

Box shadow problem in IE 8-9

I want to place CSS drop shadows on different objects on a web page. It works perfectly in Safari, FF, Chrome and Opera both in Widows and OS X, but fails in IE 8 & 9. Any help would be much apreaciated. VL Branko
Here is the CSS:
/* this is for putting drop shadows on images that are placed in the text area which is generally white or very light colored */
.dropshadowtext {
-moz-box-shadow: 5px 5px 8px #999; /* Firefox */
-webkit-box-shadow: 5px 5px 8px #999; /* Safari/Chrome */
box-shadow: 5px 5px 8px #999; /* Opera and other CSS3 supporting browsers */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#999999)";/* IE 8 */
: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#999);/* IE 5.5 - 7 */
/* this is for putting drop shadows on images that are placed in areas other than the text area */
.dropshadowbackground {
-moz-box-shadow: 6px 6px 5px #35454c; /* Firefox */
-webkit-box-shadow: 6px 6px 5px #35454c; /* Safari/Chrome */
box-shadow: 6px 6px 5px #35454c; /* Opera and other CSS3 supporting browsers */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#35454c)";/* IE 8 */
: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#35454c);/* IE 5.5 - 7 */
/* this is for putting a drop shadow under the area where there text is written color of shadow will depend on the background*/
.dropshadowunderwritingarea {
-moz-box-shadow: 6px 6px 5px #35454c; /* Firefox */
-webkit-box-shadow: 6px 6px 5px #35454c; /* Safari/Chrome */
box-shadow: 6px 6px 5px #35454c; /* Opera and other CSS3 supporting browsers */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#35454c)";/* IE 8 */
: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#35454c);/* IE 5.5 - 7 */

I was away for a few days hence late reply. I removed the MS filters from the CSS but it still didn't work in IE9 when I check in browser lab.
I see that you have a demo of how to do it for various versions of IE at
http://alt-web.com/DEMOS/CSS-Shadows.shtml
It worked when I checked in browser labs. Are you no longer recomending this? How would you implement it in CSS?
As for the validation errors they seem to be artifacts left over when converting from Adobe Golive to Dreamweaver. More deadwood to clean out.

IOS8 doesn't render CSS box shadows correctly

According to an article at "caniuse", iOS7.1, 8, and 8.1 are supposed to support the CSS3 property box-shadow. However, I have an html file to which I could direct you which shows that this is not the case. The file I have is simple-minded, containing CSS only for the box-shadow in question. When presented in iOS8 Safari, no box-shadow is rendered. When presented in MacOS Safari, Firefox, Chrome, or Opera, the box-shadow is rendered correctly. Is this (and are other) iOS8 CSS3 limitations documented?

It works for me, but its a little flaky when zooming in. It disappears after a certain zoom level is reached.

Photoshop Webkit Rendering not supporting box-shadow

Hi there,
I've created a panel with an HTML Widget. Inside I have some embeded html with some CSS3 styles applied to an element. All CSS3 properties are working fine except -webkit-box-shadow or box-shadow.
Does Photoshop's Webkit rendering not support these properties? border-radius and background gradients work just fine.
Thanks

It's not on the list of webkit CSS properties supported in
AIR:
http://livedocs.adobe.com/air/1/devappshtml/AboutHTMLEnvironment_3.html

Is it possible to get a box shadow in at least IE 8?

I hope this isn't a stupid or redundant question, but is check out this one page site.
www.juliaawebb.com
I'm not worried about IE 7, and some of you might shoot me, but is there a way to make the box shadows work in IE 8 for my top 2 middle boxes (one with phone number and the other with her name) AND the little Contact box? In modern browsers they work great. Is it just that the box shadow in my CSS is using RGB? Like maybe the box shadow needs to be hex...?
Any help would be super! Thanks in advance...

You must use IE conditional comments and filters.
http://alt-web.com/DEMOS/CSS-Shadows.shtml
Nancy O.

VS2010 Debug Error in Javascript on IE9 beta

HI
On my PC (WIN7 Pro 64Bit, Vs2010 pro, CRVS2010, IE9 beta) I tried to make a new Crystal Reports website. (from the installed template)
I editet the rpt to connect to an SQL-Server2008 with SQL-Server Login.
When I run the website in Visual Studio I get the parameters screen and after that the Database Login Screen.
After that the Studio stops with an error : "Laufzeitfehler in MIcrosoft Jscript: Erlaubnis verweigert." This should be something like "Runtime error in Microsoft JScript: Permission denied" in english.
The script is the allInOne.js which seems to be generated. The code ist B.write(this.getIFrameHTML(A));
When I press continue, my IE shows a popup with "Bitte warten: Dokument wird verarbeitet." in English "Please wait. Document is processing".
When I take the webseit and put it on an IIS everything works.
When I enable the compatibility view of the IE, it also seems to work in Visual Studio.
Jürgen

Hi Ludek
I tried it with the latest Google Chrome (8.0.552.224). -> It worked.
Even with IE9 beta and enabled compatibility view it worked in Visual Studio.
I wonder why it worked on an IIS without the need of enabling the compatibility view.
Jürgen

Is it possible to add and adjust css3 box-shadow and its effects... color and transparency with mucow?

Does this make sense on how to apply it?
#{param_itemUID} .rect{
background-color:{param_backgroundColor};
width:{param_width}px;
height:{param_height}px;
-pie-box-shadow:{param_xshadow}px; {param_yshadow}px; {param_shadowblur}px; {param_ShadowColor};
box-shadow:{param_xshadow}px;{param_yshadow}px;{param_shadowblur}px;rgba({param_ShadowCol or},{param_opacity});
Thanks!

You should be able to do those things with a mucow.
If it's not working, could you share more of your mucow - maybe just send me the whole thing so I can take a look (lbushore (at) adobe.com)

Webkit box shadow causes massive performance issues

when loading pages within the webkit container, those that have webkit box shadow end up scrolling really slow, and some pages end up more erratic than others.
Here's a few pages:
http://thenextweb.com (slow)
http://ign.com (almost can't browse)
http://shoemoney.com (shuts down the air app)
Is there someway to disable html5/css3 features?
Also, scrolling works for these sites on the Mac.
Thank you for your help.

Hello,
I'm sorry for the delay, Adobe US just got back from our winter shut down. I took a look at the website's you listed but unfortunately wasn't able to reproduce the problem on either Mac or Win using the following code:
<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
                            xmlns:s="library://ns.adobe.com/flex/spark"
                            xmlns:mx="library://ns.adobe.com/flex/mx"
                            creationComplete="init()">
     <fx:Declarations>
          
     </fx:Declarations>
     <fx:Script>
          <![CDATA[
               private function btn_click(evt:Event):void {
                    html.location = textInput.text;
               private function init():void
                    html.location = textInput.text;
               private function onLocationChange(evt:Event):void
                    trace(html.location);
          ]]>
     </fx:Script>
     <mx:VBox width="100%" height="100%">
          <mx:ApplicationControlBar dock="true" width="100%">
               <mx:Form styleName="plain"
                          defaultButton="{btn}"
                          width="100%">
                    <mx:FormItem label="location:"
                          direction="horizontal"
                                    width="100%">
                         <mx:TextInput id="textInput"
                                          text="http://www.adobe.com/"
                                          width="100%" />
                         <mx:Button id="btn"
                                      label="Go"
                                      click="btn_click(event);" />
                    </mx:FormItem>
               </mx:Form>
          </mx:ApplicationControlBar>
          <mx:HTML id="html"
                     width="100%"
                     height="100%"
                     locationChange="onLocationChange(event)"
                     verticalScrollPolicy="auto"/>
     </mx:VBox>
</s:WindowedApplication>
Do you have any sample code that would illustrate the problem you're seeing? Is there a particular OS I should try? Anything else you might think is relavent?
Thanks,
Chris

Forum ate posts from IE9 Beta

I tried to post a reply to a thread using IE9 Beta, and the text of the post was completely eaten. The post itself still appeared though, just without any body. Seems a pretty disastrous issue, as when you press "back" you won't get the message box filled in as you would with most other sites. So if you forgot to backup your text to the clipboard, you'll have to remember what you wanted to say before switching to another browser. Could someone look at this? I know IE9's still in beta but it shouldn't break with simple forum code...
The posting experience was broken too - clicking in the text box doesn't move the cursor so you have to use the keyboard. It won't even register clicks at all except for a tiny region at the top-left of the box.

Try it in compatibility mode
. . . it must be remembered that the sea is a great breeder of friendship. Two men who have known each other for twenty years find that twenty days at sea bring them nearer than ever they were before, or else estrange them.

Wlan fritz box 6360 doesnt work,

WLAN doesnt work. imac finds net, but cant connect.
LAN no problem

sohail579 wrote:
Hi All
This is my first post so be gentle!!
I was using my BTOpenreach modem with my Draytek 2830Vn+. Unfortunately the Draytek has now been refunded due to a fault and I'm back on my HomeHub3.
After much research I have found FRITZ!Box Fon WLAN 7390 to be a good replacement for both Modem and Router.
Can anyone confirm this will work with my BT Infinity line and does it perform better than the BT Supplied equipment? How is the wireless perfromance and even the Ethernet Performance?
Also how long has this been out for is it worth waiting for a newer model?
Thanks!
Hi sohail579
The fritz!box 7390 definitly works with Infinity, even with the factory firmware, you just set the VLAN to 101 and NO password needed. Even easier when using newer firmware.
Ethernet performance is just as good, wireless I found slightly weaker signal, but does have simultaneous dual band wireless, so might help you there.
It is more expensive than the Draytek 2750, but does offer far more for the money.
Plug your phones into it, it is also a Dect base station, it has 5 answerphones, VOIP and many many more features.
That is why it is expensive.
If you have your phones connected mine did not give out Caller Indentification , although AVM say it should and are looking into it but after 2 months still not working. Unfortunatly I cannot wait, I must have Caller ID and had to let mine go.
I believe it has been out for about 6-9 months.
So to sum up, if you really need all the fetures go for the Fritz, but remember (my caller ID) was not working
If you dont need all the features drop down to the Draytek 2750n and save a bit of money.
If you go for the Fritz , the cheapest place I could find for the International version was in France.
toekneem
http://www.no2nuisancecalls.net
(EASBF)

My serial number for Logic Studio doesn't work. I used one from a different box and it worked. How can I get a new number?

My serial number for Logic Studio doesn't work. I used one from a different box and it worked. How can I get a new number?

http://support.apple.com/kb/TS2005
http://support.apple.com/kb/HT1861
https://ssl.apple.com/support/proapps/serialnumbers/

Cinema Display (clear) with DVI/ADC box doesn't work with MacBook Pro

Cinema Display (clear) with DVI/ADC box doesn't work with MacBook Pro when plugged in with a dvi to mini dvi cable. Any ideas what to do to make it work? I lugged the 23" 2500 miles into the wilderness and I need help

Okay, here's an update: the DVI to ADC adapter does work with the Apple displays that I have tried, but it won't work with the Formac. I have tried multiple time to contact them, but to no avail... they don't even respond to threats of posting my opinion of them, which is this:
DON'T BUY ANYTHING FROM FORMAC! They make quality products, but their customer service is a big time joke! They won't take care of you.

IE9 beta - Seven box-shadow is working

Similar Messages

Maybe you are looking for