Afficher les questions étiquetées : Afficher toutes les questions
  • Archivé

Why my code work fine on chrome but not firefox?

Here is my code: <html> <head> <meta charset="utf-8"> <style> .fullCard, .lowerHalfCard, .upperHalfCard, .fullCard-after, .l… (lire la suite)

Here is my code:

<html>
 <head>
  <meta charset="utf-8">
  <style>
   .fullCard,
   .lowerHalfCard,
   .upperHalfCard,
   .fullCard-after,
   .lowerHalfCard-after,
   .upperHalfCard-after {
     background-color: inherit;
     border-radius: 10px;
     height: 100%;
     width: 100%;
     position: absolute;
     
     align-items: center;
     display: flex;
     justify-content: center;
     vertical-align:middle;
   }
  
   .fullCard-after::after,
   .upperHalfCard-after::after{
     content: "";
     display: block;
     position: absolute;
     height: 4px;
     background-color: inherit;
     width: 100%;
     top: calc(50% - 2px);
   }
   .lowerHalfCard-after::after{
     content: "";
     display: block;
     position: absolute;
     height: 4px;
     background-color: inherit;
     width: 100%;
     top: calc(50% - 2px);
   }
   .lowerHalfCard,
   .lowerHalfCard-after{
    clip-path: polygon(0% 50%, 100% 50%, 100% 100%, 0% 100%);
   }
   .upperHalfCard,
   .upperHalfCard-after{
     clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 0% 50%);
   }

   .splitFlap {
     background-color:black;
     box-sizing: border-box;
     border-radius: 10px;    
     width: 100px;
     height: 150px;
     position: relative;    
   }

   .rotate0to90 {
     animation-name: r0to90;
   }

   .rotate90to0 {
     animation-name: r90to0;
   }

   .rotate0to_90 {
     animation-name: r0to_90;
   }

   .rotate_90to0 {
     animation-name: r_90to0;
   }

   .rotate0to90,
   .rotate90to0,
   .rotate0to_90,
   .rotate_90to0 {
     animation-duration: 0.3s;
     animation-fill-mode: forwards;
   }

   @keyframes r0to90 {
     from {
    transform:rotateX(0deg);
     }

     to {
    transform: rotateX(90deg);
     }
   }

   @keyframes r90to0 {
     from {
    transform: rotateX(90deg);
     }

     to {
    transform: rotateX(0deg);
     }
   }

   @keyframes r0to_90 {
     from {
    transform: rotateX(0deg);
     }

     to {
    transform: rotateX(-90deg);
     }
   }

   @keyframes r_90to0 {
     from {
    transform: rotateX(-90deg);
     }

     to {
    transform: rotateX(0deg);
     }
   }

   .transform0to_90 {
     transform: rotateX(-90deg);
   }

   .transform0to90 {
     transform: rotateX(90deg);
   }
   .hide{
    display:none
   }
   .zIndex2 {
     z-index: 2;
   }

   .zIndex4 {
     z-index: 4;
   }

   .zIndex10 {
     z-index: 10;
   }
   .blue{
      background-color: blue
   }
   .green{
      background-color: green
   }
   .red{
      background-color: red
   }
   .orange{
     background-color: orange
   }
  </style>
  <script>
   let baseDiv,lowerDiv,middleDiv,upperDiv;
   document.addEventListener("DOMContentLoaded",()=>{
    baseDiv=document.getElementById("base");
    lowerDiv=document.getElementById("lower");
    middleDiv=document.getElementById("middle");
    upperDiv=document.getElementById("upper");
   });
   let backward=()=>{
       middleDiv.innerHTML=baseDiv.innerHTML;
    lowerDiv.classList.add("rotate0to90");
    middleDiv.className="upperHalfCard-after transform0to_90 zIndex4";
   }
   let forward=()=>{
    middleDiv.innerHTML=baseDiv.innerHTML;
    upperDiv.classList.add("rotate0to_90");
    middleDiv.className="lowerHalfCard-after transform0to90 zIndex4";
   }
   
   let upperHandler=()=>{
    middleDiv.classList.add("rotate90to0");
    upperDiv.classList.replace("zIndex4","zIndex2");    
   }
   let lowerHandler=()=>{
    lowerDiv.classList.replace("zIndex4","zIndex2");
    middleDiv.classList.add("rotate_90to0");    
   }
   let middleHandler=()=>{
    upperDiv.innerHTML=baseDiv.innerHTML;
    lowerDiv.innerHTML=baseDiv.innerHTML;
    middleDiv.className="hide";
    upperDiv.className="upperHalfCard-after zIndex4";
    lowerDiv.className="lowerHalfCard-after zIndex2";
   }
  </script>
 </head>
 <body>
  <div class="splitFlap">
   <div 
    id="base" 
    class="fullCard-after zIndex2">
    <img src="img/1_100.png">
   </div>
   <div 
    class="upperHalfCard-after zIndex4"
    id="upper"
    onAnimationEnd="upperHandler()">
    <img src="img/0_100.png">
   </div>
   <div 
    id="middle"
    class="hide"
    onAnimationEnd="middleHandler()">
   </div>
   <div
    class="lowerHalfCard-after zIndex2" 
    id="lower"
    onAnimationEnd="lowerHandler()">
    <img src="img/0_100.png">
   </div>
  </div>
  <p>
   <button onClick="forward()">
     +
   </button>
   <button onClick="backward()">
    -
   </button>
   <button onClick="setHinge()">Set Hinge</button>
  </p>
 </body>
</html> 

I am creating a split-flap. It works fine in Chrome, but in firefox, during the second rotation period, it is not smooth as in chrome. How can I fix it?

Demandé par knvbhk il y a 2 ans

Dernière réponse par cor-el il y a 2 ans

  • Archivé

Previous windows not opening at Startup

Hi there, "Open previous windows and tabs" is checked but it's not working. I had to go to history and opened it. It's happening for the last several weeks. Pls, let m… (lire la suite)

Hi there,

"Open previous windows and tabs" is checked but it's not working. I had to go to history and opened it. It's happening for the last several weeks.

Pls, let me know what to do. MD

Demandé par asiuzzaman il y a 2 ans

Dernière réponse par FredMcD il y a 2 ans

  • Archivé

Why is a recovery key needed & why so DAMN BIG

Look I have memory issues I already have to change my password & now I just got a recovery key as long as my arm. Do you people think any of us have such important st… (lire la suite)

Look I have memory issues I already have to change my password & now I just got a recovery key as long as my arm. Do you people think any of us have such important stuff on our home, student computers we need the tools of a CFO or CEO of a major corp. REALLY I think it is time we realize 2/3 of the tools on a computer be it windows or moz:lla are superfluous. To make me have to remember that many numbers is torture or try to remember where I put the print out is mean. Is cruel and why? So our egos can feel filled with smoke? Anything more than 5 fonts is a waste. How much time do you think gets wasted while people "play" or fart around with all the empty tools on computers? The world wide web is a huge wall surrounding all the companies that take our money. You built it for them Then showed consumers shinny new toy we waste our money our time our lives and we will never be able to get into the wall you built to get back money we spent or time we wasted. A 15 number key, you think someone wants the answers to my midterm? If they need it Let them have it. You technological people, who build this trap, who blow smoke up where it tickles, should be ashamed.

Demandé par a_hill11 il y a 2 ans

Dernière réponse par cor-el il y a 2 ans

  • Archivé

Firefox not blocking ads on Youtube

Hi Community, Hope you are all enjoying to be part of the firefox community. Is there a way to block ads on youtube without installing addons. Could you please let me kn… (lire la suite)

Hi Community,

Hope you are all enjoying to be part of the firefox community. Is there a way to block ads on youtube without installing addons. Could you please let me know.

Thanks,

Demandé par Uday Kumar il y a 2 ans

Dernière réponse par FredMcD il y a 2 ans

  • Archivé

Unable to enable 3rd party session cookies

I have tried EVERY suggested fix for viewing Kaltura videos in the FireFox browser. NOTHING works! I refuse to use Google (they know enough about everyone as it is) and E… (lire la suite)

I have tried EVERY suggested fix for viewing Kaltura videos in the FireFox browser. NOTHING works! I refuse to use Google (they know enough about everyone as it is) and Edge works but I do not care for it.

Can't be that freakin hard to allow the viewing of Kaltura lecture videos posted by professors in an application that is used by many educational institutions across the country. Google and Edge seem to have figured it out so why can't Mozilla?

This issue needs to be fixed!

Demandé par j.wright031970 il y a 2 ans

Dernière réponse par cor-el il y a 2 ans

  • Archivé

Windows 11 Video Playback Issues

Videos don't play in Firefox after updating to Windows 11. They just perpetually load. Playback works fine on Google Chrome, I'm not sure what could be causing this. I tr… (lire la suite)

Videos don't play in Firefox after updating to Windows 11. They just perpetually load. Playback works fine on Google Chrome, I'm not sure what could be causing this. I tried reinstalling, disabling all extensions, clearing cache, etc. and nothing has worked.

Demandé par Chrissy il y a 2 ans

Dernière réponse par jonzn4SUSE il y a 2 ans

  • Archivé

losing passwords

okay been losing passwords not able to figure out why i have talked to the hp omen support teams twice now in the last 3 months the first time resulted in a complete bac… (lire la suite)

okay been losing passwords not able to figure out why i have talked to the hp omen support teams twice now in the last 3 months the first time resulted in a complete back to factory settings the second one was today hp case #5085372677 which found nothing on my end was wrong and they believe the problem start's here with firefox i am update with the latest firefox updates

Demandé par lhicks7905 il y a 2 ans

Dernière réponse par FredMcD il y a 2 ans

  • Archivé

installed windows 11 on my pc. open firefox. where are all the former menu items including bookmarks?

right and left clicking on the open app menu in the far right column didn't help me. I'm only a 17-year computer professional with a Ph.D. who publishes in peer-reviewed … (lire la suite)

right and left clicking on the open app menu in the far right column didn't help me. I'm only a 17-year computer professional with a Ph.D. who publishes in peer-reviewed journals. How am I supposed to guess what to do?

Demandé par cahalanj il y a 2 ans

Dernière réponse par Terry il y a 2 ans

  • Archivé

Bookmark manager

Recently got a new PC with Windows 11 and since I downloaded Firefox the shortcut of CTRL+Shift+O will not open the bookmark manager. Does the same on Opera GX and Chrome… (lire la suite)

Recently got a new PC with Windows 11 and since I downloaded Firefox the shortcut of CTRL+Shift+O will not open the bookmark manager. Does the same on Opera GX and Chrome. Not sure if I did something wrong in the PC settings but nothing I've tried has fixed the problem

Demandé par josh10451 il y a 2 ans

Dernière réponse par cor-el il y a 2 ans

  • Archivé

Possible IPC memory leak - how to pinpoint the culprit?

Hey there, I'm having trouble with Firefox. Something inside Firefox is eating up my RAM and CPU. Usually I recognize the problem happening because my laptop fans ramp up… (lire la suite)

Hey there, I'm having trouble with Firefox. Something inside Firefox is eating up my RAM and CPU. Usually I recognize the problem happening because my laptop fans ramp up. The problem occurs on my laptop as well on my desktop (both on latest stable Firefox[Build ID: 20220513165813] and Windows 11). The workaround is to kill the Firefox subprocess which is using most of the CPU and RAM. Then everything is back to normal for some time, until Firefox starts messing with me again.

While trying to pinpoint the problem I'm stuck. I can't find a culprit other than the fact it has something to do with Firefox. Clean reinstalling did not help. The Firefox Task Manager doesn't know anything about huge amounts of RAM being taken. I searched for solutions on the net and the about:memory indicates the problem is some IPC related stuff:

 {
  "process": "Main Process (pid 12648)",
  "path": "queued-ipc-messages/content-parent(Browser, pid=9612, open channel, 0x22e4b33fc30, refcnt=38)",
  "kind": 2,
  "units": 1,
  "amount": 0,
  "description": "The number of unset IPC messages held in this ContentParent's channel.  A large value here might indicate that we're leaking messages.  Similarly, a ContentParent object for a process that's no longer running could indicate that we're leaking ContentParents."
 }

The bug reporting guidelines(https://bugzilla.mozilla.org/page.cgi?id=bug-writing.html) are encouraging me to attach steps to reproduce and try the steps listed on https://support.mozilla.org/en-US/kb/firefox-uses-too-much-memory-or-cpu-resources . But I've exhausted the steps there (Except for upgrading the PC / RAM).

Especially on the go this Firefox-RAM-Party takes quite some battery and right now while writing this Firefox has >100GB virtual RAM reserved for some IPC messages, I personally think this is too much. So I'd like to file a report, but without steps to reproduce I'm afraid the developers are going to say 'well, that's something we are not able to diagnose', because I am unable to explain how to reproduce it. It just happens from time to time.

The anonymized about:memory report: https://bin.disroot.org/?2ba01ef78154cce4#8PLVqLTd9qgaRn2QVX2P17hkbHQyrTDuVAwoykj2cBxg

I left Firefox running like this for about half an hour and at 138GB reserved RAM Windows slaughtered my Firefox. The resulting crash report: https://bin.disroot.org/?0bc57492585dde4b#5YtbWgXcbZSkWYmg2CGkVn9iiipYwfYbxUfCLhmMJh7d

Do you have a clue where I might find out who sends those IPC messages, and therefore who is responsible for this?

Demandé par Sewana il y a 2 ans

Dernière réponse par cor-el il y a 1 an

  • Archivé

stop navbar searching permanently

If I wanted to use the navbar for search I'd set it up that way. I don't, and I'm getting really sick of doing this... type in searchBar "about:config" Accept war… (lire la suite)

If I wanted to use the navbar for search I'd set it up that way. I don't, and I'm getting really sick of doing this...

    type in searchBar "about:config"
   Accept warning
   Search "browser.urlbar.suggest.searches" and change it to false (Do this Only if you want to disable suggesions)
   Search "keyword.enabled" and change it to false
   Search "browser.fixup.alternate.enabled" and change it to false 

every time I open Firefox or a new tab in Firefox.

I'd like the option of not having it search in the navbar, ever. I search using Google. I like Google. I've been a big fan and supporter of Firefox for years, but this constantly having to deal with the search in the navbar thing, which I don't want it to do, is really turning me off of Firefox. I hate the Microsoft junk, Explorer and Edge, and I don't like Chrome either, but I'm getting really sick of Firefox trying to shove this Search via the navbar thing down my throat.

How do I disable navbar search permanently, or am I just stuck with redoing it every time I open Firefox or a new tab, at least until I get completely fed up and decide to give another browser a try at replacing Firefox?

Demandé par deannag65 il y a 2 ans

Dernière réponse par Terry il y a 2 ans

  • Archivé

URL Bar at the bottom doesn't disappear after going into the fullscreen mode in videos.

When I watch a video, mostly in Netflix, and go to the fullscreen mode, I see a url line on the bottom left corner of my screen. It doesn't go away when I click the scree… (lire la suite)

When I watch a video, mostly in Netflix, and go to the fullscreen mode, I see a url line on the bottom left corner of my screen. It doesn't go away when I click the screen. When I try to click over it it switches to the right bottom corner, which I find quite frustrating. Whenever, this happens I should refresh the page and hope that it solves my problem and most of the times it does. However, I still would be quite happy if I figured out what caused this problem and if there is anything I can do it to fix it for good.

Firefox version: 100.0.2 (64-Bit) Windows Version: Windows 11 Pro 21H2.

Demandé par hsbmoz il y a 1 an

Dernière réponse par cor-el il y a 1 an

  • Archivé

RSMeans and Firefox compatibility

Hi there! Well, another company told my business partner that their product does not like Firefox so we should use Chrome and maybe Edge. First, that is a crock, but se… (lire la suite)

Hi there! Well, another company told my business partner that their product does not like Firefox so we should use Chrome and maybe Edge. First, that is a crock, but seems to be a standard answer from anyone in the business world, sadly. I would not trust Edge or Chrome, especially those two, if they were the last platforms on earth. So, help pretty please?

Is there a setting that we can use that will assist in using RSMeans Online Version so it will work more effectively? Whenever we get an error message or it just won't open, they blame it on Firefox.

Demandé par belinda.bentley il y a 1 an

Dernière réponse par Paul il y a 1 an

  • Archivé

Onedrive won't open in Firefox.

This is the second time in 4 months I've had this issue. The first time I resolved it by clearing my cache. That isn't working this time. I've looked at the help articles… (lire la suite)

This is the second time in 4 months I've had this issue. The first time I resolved it by clearing my cache. That isn't working this time. I've looked at the help articles and clearing the cache is there. This is where I found it the first time. Any ideas?

Demandé par robynneda il y a 1 an

Dernière réponse par cor-el il y a 1 an

  • Archivé

browser shuts down

latest browser shuts down when I open a new session. After a few seconds it shuts off, I reopen it and its ok until the next time I open my notebook. The without fail it … (lire la suite)

latest browser shuts down when I open a new session. After a few seconds it shuts off, I reopen it and its ok until the next time I open my notebook. The without fail it happens again. Began I think with the last update on a Windows 11 notebook.

Demandé par lk3w99 il y a 1 an

Dernière réponse par Greg M il y a 1 an

  • Archivé

pictures popping up on web pages

I use a touch screen HP laptop. And when I shopping or just reading news and there is a picture on the page or site it pops up, even if I do not touch it. I can not see t… (lire la suite)

I use a touch screen HP laptop. And when I shopping or just reading news and there is a picture on the page or site it pops up, even if I do not touch it. I can not see the text behind it. I know it is a setting some here because if i go to trouble shooting mode it does not happen. i have checked and unchecked every thing I can fine and nothing helps but trouble shooting mode. So when I close out and reopen Firefox trouble back. I have not tried other browsers because I only like Firefox

Demandé par neiler2 il y a 1 an

Dernière réponse par cor-el il y a 1 an