internet explorer - How does one target IE7 and IE8 with valid CSS? -


I want to target IE7 and IE8 with W3C-compatible CSS. Sometimes fixing CSS for a version is not good for others. How can I achieve it?

Clearly target hacked versions of IE without using HTML and CSS

Use this approach if you do not want to hack into your CSS. & lt; Html & gt; Add a browser-unique class to the element so that you can choose later on a browser basis.

Example 

  & lt;! Doctype html & gt; & Lt ;! - [if IE] & gt; & Lt ;! [AndIf] - & gt; & Lt ;! - [If LT IE 7] & gt; & Lt; Html lang = "en" class = "ie6" & gt; & Lt; [Endif] - & gt; & Lt ;! - [If IE 7] & gt; & Lt; Html lang = "en" class = "ie7" & gt; & Lt; [Endif] - & gt; & Lt ;! - [If IE 8] & gt; & Lt; Html lang = "en" class = "ie8" & gt; & Lt; [Endif] - & gt; & Lt ;! - [If IE 9] & gt; & Lt; Html lang = "en" class = "ie9" & gt; & Lt; [Endif] - & gt; & Lt ;! - [if (gt IE 9) |! (IE)]> gt; & Lt ;! - & gt; & Lt; Html lang = "en" & gt; & Lt ;! - & lt ;! [Endif] - & gt; & Lt; Top & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt; / Body & gt; & Lt; / Html & gt;

Then you can use your targeted browser strictly in your CSS.

Example 

  .i6 body {boundary: 1px solid red; } .7 body {boundary: 1 px solid blue; }

Check for more information

Target IE version with CSS "hacks"

For more, here are these hacks that help you target IE versions.

Use "\ 9" to target IE8 and below.
Use "*" to target IE 7 and below.
"_" to target IE6

Example:

Body {boundary: 1px solid red; / * Standard * / Border: 1px solid blue \ 9; / * IE8 and below * / * range: 1px solid orange; / * IE7 and below * / _bidder: 1 px solid blue; IE10 does not recognize the conditional statement of IE10

so that you can use it to implement & lt; Html & gt; element 

  & lt ;; Doctype html & gt; For "ie10" class & lt; Html lang = "en" & gt; & Lt ;! - [if! IE]> & Lt ;! - & gt; & Lt; Script & gt; If (/ * @ cc_on! @ * / False) {document.documentElement.className + = 'ie10';} & lt; / Script & gt; & Lt ;! - & lt; [Endif] - & gt; & Lt; Top & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt; / Body & gt; & Lt; / Html & gt;

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