html - Transitions on pseudo-elements not working on firefox browser -


I was expecting it from Internet Explorer, but my beloved Firefox let me down on this.

This will not work on Bella Firefox (at least not for me) and I would like to know why I have seen so many documents and I think this should work.

Here's the answer:

HTML: 

  & lt; Div id = "new" & gt; & Lt; Ul & gt; & Lt; Li & gt; & Lt; A & gt; Admission & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A & gt; Admission & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A & gt; Admission & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A & gt; Admission & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A & gt; Admission & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Div & gt;

CSS:

#nav {height: 60px; Background color: #FFFFFF; Hidden flurry; } #nav ul {color: # f2f2f2; Margin Top: 20px; List-style-type: none; Text align: center; Swim left; } #nav ul li {display: inline-block; * Display: Inline; Zoom: 1; Margins: 0 10px; } # Nav al li {color: # 8198a; Font style: normal; Font-size: 14px; Font-weight: 500; Alphabets: 0.25px; Text-transform: uppercase; Text-decoration: None; Webkit-Infection: Ease of color 0.5 S; -Mozy-transition: Color 0.5S Ease; -O-Infection: Ease of color 0.5 S; Transition: Color 0.5S Ease; } #nav ul li a: after {margin-top: 16px; material: ""; Display area; Height: 5px; Width: 0; -Widk-Infection: Width 0.5S Ease, Background-Color 0.5S Easy; -MOZ-Infection: Width 0.5S Ease, Background-Color 0.5S Easy; -O-Infection: Ease of 0.5 S, ease the background color 0.5 S; Transition: width 0.5s ease, ease of background color 0.5s; Pointer-events: none; } #nav ul li a: Hover: {width: 100%; Background color: # 8198A0; } #nav ul li a: Hover {cursor: indicator; }

Another quick question about "Indicator: No one":

It is working fine on Internet Explorer but not on Chrome (I could not test it because the Firefox problem above).

Thanks in advance!

It appears because #nav ul li a element default Display: Inline .

functional example:

< Pre class = "snippet-code-css lang-css prettyprint-override"> #nav {height: 60px; Background color: #FFFFFF; Hidden flurry; } #nav ul {color: # f2f2f2; Margin Top: 20px; List-style-type: none; Text align: center; Swim left; } #nav ul li {display: inline-block; * Display: Inline; Zoom: 1; Margins: 0 10px; } # Nav al li {color: # 8198a; Font style: normal; Font-size: 14px; Font-weight: 500; Alphabets: 0.25px; Text-transform: uppercase; Text-decoration: None; Display: Inline-block; Webkit-Infection: Ease of color 0.5 S; -Mozy-transition: Color 0.5S Ease; -O-Infection: Ease of color 0.5 S; Transition: Color 0.5S Ease; } #nav ul li a: after {margin-top: 16px; material: ""; Display area; Height: 5px; Width: 0; -Widk-Infection: Width 0.5S Ease, Background-Color 0.5S Easy; -MOZ-Infection: Width 0.5S Ease, Background-Color 0.5S Easy; -O-Infection: Ease of 0.5 S, ease the background color 0.5 S; Transition: width 0.5s ease, ease of background color 0.5s; Pointer-events: none; } #nav ul li a: Hover: {width: 100%; Background color: # 8198A0; } #nav ul li a: Hover {cursor: indicator; } 
  & lt; Div id = "nav" & gt; & Lt; Ul & gt; & Lt; Li & gt; & Lt; A & gt; Admission & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A & gt; Admission & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A & gt; Admission & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A & gt; Admission & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A & gt; Admission & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Div & gt;

pointer-event for the problem, if it does not solve the problem as good By the way, you should probably ask a question specifically about that.


Comments

Post a Comment

Popular posts from this blog

python - Overriding the save method in Django ModelForm -

I'm having trouble overriding a ModelForm save method. I get this error I'm: Exception type: TypeErier Exception Value: Save () found an unexpected keyword argument 'committed' My intentions include a form 3 fields Submit several values ​​for, then create an object for each combination of those areas, and to save each object file models.py class collarsult type (models.Model): id = model. AutoField (db_column = 'icontact_result_code_type_id', primary_key = true) callResult = models.ForeignKey ( 'CallResult', db_column = 'icontact_result_code_id') campaign = models.ForeignKey ( 'campaign', db_column = 'icampaign_id') CALLTYPE = models.ForeignKey ( 'CALLTYPE', db_column = 'icall_type_id') agent = models.BooleanField (db_column = 'bagent', default = true) teamLeader = models.BooleanField (db_column = 'bTeamLeader', default = true) active = models.BooleanField (db_column = Django.form...
Read more

html - CSS autoheight, but fit content to height of div -

I have a div in which there are three children- div in the left and middle div: float: left while true: float: true because it is my layout Actually will spoil, I've used ClearFix Hack: .cf {zoom: 1; }. Cf: First,. Cf: {content: ""; Display: Table; }. Cf: After {clear: both; } It still works, but I want to be the right div an indicator. So it should fill 100% of the parent unit of height. How can I complete this? PS is the full code: & Lt; / Div & gt; & Lt; Div class = "mobile_content" & gt; & Lt; H5 & gt; {{Data.titel}} & lt; / H5> & Lt; Table & gt; & Lt; TR & gt; & Lt; Th & gt; Komponist: & lt; / Th & gt; & Lt; TD & gt; {{Data.komponist}} & lt; / TD & gt; & Lt; / TR & gt; & Lt; TR & gt; & Lt; Th & gt; Instrument: & lt; / Th & gt; & Lt; TD & gt; {{Data.instrumente}} & lt; / TD & gt; & Lt; / TR & gt;...
Read more

qt - How to prevent QAudioInput from automatically boosting the master volume to 100%? -

I have been trying to use Qt5 multimedia to record audio with QAudioInput, however, when I see If QAudioInput is started, it increases the master volume of my sound device to 100%. How can I prevent QAudioInput from changing the master volume? My current development platform is Linux with PalsAdio (with flat audio disabled). How can I use QAudioInput : QAudioDeviceInfo device_info = QAudioDeviceInfo :: defaultInputDevice (); QAudio format format; Format.setSampleRate (44100); Format.setChannelCount (1); Format.setSampleSize (16); Format.setCodec ("Audio / PCM"); Format.setSampleType (QAudioFormat :: SignedInt); Format.setByteOrder (QAudioFormat :: LittleEndian); Std :: cout & lt; & Lt; Device_info.deviceName (). ToUtf8 (). ConstData () & lt; & Lt; Std :: endl; QAudioInput * default_device = new QAudioInput (device_info, format); QIODevice * default_io_device = default_device-> Start (); a QAudioInput.setVolume () method is not you I ...
Read more