Solved

CSS for Safari only

Posted on 2016-09-12
5
92 Views
Last Modified: 2016-09-17
Hi, Experts

In this example, the logo stays at bottom and move when resizing the browser. It works on FF and Chrome but not safari. Is there Safari hack I can use ? Please see example here https://jsfiddle.net/codebynature/jdLe70f0/

Thanks for advises
0
Comment
Question by:mingchih
5 Comments
 
LVL 2

Assisted Solution

by:Dillyn Barber
Dillyn Barber earned 125 total points
ID: 41795284
0
 
LVL 22

Accepted Solution

by:
Kim Walker earned 250 total points
ID: 41795344
Have you tried including a -webkit-transform in your @-webkit_keyframes?

This is beside the point but opacity is expressed in values between 0.0 and 1.0 with 1.0 = 100% opacity. See line 10 of your jsfiddle.
0
 
LVL 42

Assisted Solution

by:David S.
David S. earned 125 total points
ID: 41795379
0
 

Author Comment

by:mingchih
ID: 41795559
Thanks everyone i also added this hack here at http://stackoverflow.com/questions/16348489/is-there-a-css-hack-for-safari-only-not-chrome and seems like it is working
0
 
LVL 42

Expert Comment

by:David S.
ID: 41803383
Which hack? There are several on that page.

You shouldn't need a hack just to use vendor-prefixed properties in your styles.

CSS Hacks should be used with caution (except, perhaps, ones that are only for old versions of IE) as their use can cause things to break in future versions of browsers.
1

Featured Post

Networking for the Cloud Era

Join Microsoft and Riverbed for a discussion and demonstration of enhancements to SteelConnect:
-One-click orchestration and cloud connectivity in Azure environments
-Tight integration of SD-WAN and WAN optimization capabilities
-Scalability and resiliency equal to a data center

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
align Linkedin sign to the right page 5 55
ebay style="image-orientation: 90deg;" 2 51
CSS: How do I override in-line styling 11 24
2 separate CSS animations 2 16
When applying CSS to your HTML, there are many different ways to select which element(s) the CSS applies to.  Some of these selectors are more commonly known and used than others - Here are the more common ones: #X - Matches an ID of X .X - Matche…
Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer …
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

790 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question