css - "text-decoration" and the ":after" pseudo-element -

-

इस सवाल का पहले से ही एक उत्तर है: < / P>

  • 10 उत्तर

सभी सही सोच लोगों की तरह , मैं एक लिंक पर क्लिक करने से नफरत करता हूं और बहुत देर तक खोजता हूं कि यह ब्राउज़र-अपंग पीडीएफ या माइक्रोसॉफ्ट ऑफिस फ़ाइल की ओर जाता है। मैंने सोचा था कि मैं ऐसे लोगों के लिए जीवन को थोड़ी आसान बना दूँगा जो ऐसे फाइलों के आगे बढ़ने वाले लिंक के बगल में थोड़ा सा आइकन दिखाएगा IE8 के अंत में : के बाद छद्म-तत्व का समर्थन किया, मैंने सोचा कि सीएसएस घोषणा काफी सरल होगी: 

  a.file_pdf: after {content: url ('/ छवियों / pdf.png '); पाठ-सजावट: कोई नहीं; पैडिंग-बाएं: 5px; }

IE8 में, यह ठीक काम करता है। फ़ायरफ़ॉक्स और क्रोम में, यद्यपि, टेक्स्ट-सजावट: कोई भी को नजरअंदाज नहीं किया जाता है, और नीचे की रेखा आइकन के नीचे पूरे बिना अनियंत्रित रूप से फैला हुआ है। एक अतिरिक्त टैग

मैं इसे एक अलग तरीके से, एक पृष्ठभूमि की छवि और एक पैडिंग (जैसे) कर रहा हूं: 

  a [href $ = "। Pdf"] { पैडिंग-दायें: 21 पीएक्स; / * आइकन के लिए स्थान * / पृष्ठभूमि: यूआरएल (ग्राफिक्स / पीडीएफ) कोई भी दोहराने वाला सही नीचे; }

यह भी IE7 में काम करता है।

यह एक पूर्ण उदाहरण है

IE7 में पीडीएफ आइकन दिखाई नहीं देगा क्योंकि यह नहीं है डेटा यूआरआई समझें:

<प्री> & lt;! DOCTYPE html & gt; & LT; html & gt; & Lt; शीर्ष & gt; & Lt; मेटा वर्णसेट = "यूटीएफ -8" & gt; & Lt; title & gt; पीडीएफ & lt; / title & gt; & Lt; शैली प्रकार = "टेक्स्ट / सीएसएस" & gt; एक: लिंक, ए: का दौरा किया {color: # 317408; पृष्ठभूमि: # आइए; } एक [href $ = "। Pdf"] {padding-right: 21px; पृष्ठभूमि छवि: यूआरएल (डेटा: image / png, बेस 64, iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8 / 9hAAAABGdBTUEAAK / INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAHhSURBVDjLjZPLSxtRFIfVZRdWi0oFBf + BrhRx5dKVYKG4tLhRqlgXPmIVJQiC60JCCZYqFHQh7rrQlUK7aVUUfCBRG5RkJpNkkswrM5NEf73n6gxpHujAB / fOvefjnHM5VQCqCPa1MNoZnU / Qxqhx4woE7ZZlpXO53F0 + n0c52Dl8Pt / nQkmhoJOCdUWBsvQJ2u4ODMOAwvapVAqSJHGJKIrw + / 2uxAmuJgFdMDUVincSxvEBTNOEpmlIp9OIxWJckMlkoOs6AoHAg6RYYNs2kp4RqOvfuIACVFVFPB4vKYn3pFjAykDSOwVta52vqW6nlEQiwTMRBKGygIh9GEDCMwZH6EgoE + qHLMuVBdbfKwjv3yE6Ogjz / पीक्यू / CZVDPSFRRYE4 / RHy1y8wry8RGWGSqyC / nM1meX9IQpQV2JKIUH8vrEgYmeAFwuPDCHa9QehtD26HBhCZnYC8ucGzKSsIL8wgsjiH1PYPxL + vQvm5B / 3sBMLyIm7GhhCe90BaWykV / जीपी + VR9oqPVe9vfBTsruM1HtBKVPmFIUNusBrV3B4ev6bsbyXlPdkbr / यू + StHUkxruBPY + 0KY8f38oWX / byvNAdluHNLeOxDB + uyQQfPCWZ3NT69BYJWkjxjnB1o9Fv / ASQ5s + ABz8i2AAAAAElFTkSuQmCC); पृष्ठभूमि दोहराएँ: कोई दोहराव; पृष्ठभूमि-स्थिति: सही नीचे; } A: होवर {color: #eee; रूपरेखा: कोई नहीं; पृष्ठभूमि रंग: # 317408; पाठ-सजावट: कोई नहीं; } & Lt; / style & gt; & Lt; / head & gt; & LT; बॉडी & gt; & Lt; p & gt; & Lt; a href = "document.pdf" & gt; ये पीडीएफ है & lt; / a & gt; & Lt; / p & gt; & Lt; / body & gt; & Lt; / html & gt;

Comments

Post a Comment

Popular posts from this blog

c# - ListView onScroll event -

-
I am programming a simple C # application, and I need a Scallow event on the list view. So I inherited the original ListView class created in ListviewEx witch. I found out how to locate the scroll message from WinAPI and I modified the WndProc method. Now I have this WndProc: protected override zero WndProc (Ref message message) {base.WndProc (Ref I); If (m.msg == WM_VSCROLL) {onScroll (This, New EventArgs ()); }} But the problem is, I do not know how to know about scrolling information. This data should be in wParam, but there is a LOWORD macro ++ like in C in C # and I switch to find the criteria like SB_ below, SB_ENDSCROLL, SB_PAGEUP etc. there any way Need to change the LOWORD macro from C #? Or any other way to find the necessary parameters about scrolling? You can define the WParam constants as the following: Private const int WM_HSCROLL = 0x114; Private Constant WM_VSCROLL = 0x115; Private contact int SBHOZZ = 0; Private Consultant SB_VERT = 1; Private Con...
Read more

PHP - get image from byte array -

-
I am trying to create a back-end for my mobile application. I am sending the content of an image in the body of the HTTP request (output stream) as a byte array, I want to read this stream of bytes in PHP scripts and take back an image. Can anyone tell me how can I do this? Thank you. You can obtain the request body $ body = Reading from file_get_contents ('php: // input'); What you do with that data Depending on you, you can write the data in a file as you mentioned that this is image data, you can drop the data into the object can do. Another option is to use and load the image.
Read more

Linux Terminal Problem with Non-Canonical Terminal I/O app -

-
I have a small app written in C to run on Linux. Part of the app accepts user-input from keyboard , And it uses non-canonical terminal mode so that it can respond to each keystroke. The section of the code that accepts input is a simple task that is called repeatedly in the loop: char get_input () {char C = 0; Int res = reading (input_tamille, & amp; c, 1); If (RSS == 0) 0 returns; If (res == -1) {/ * snip error handling * /} return c; } It reads a letter from the terminal if there is no input within a given time limit, (c_cc [VTIME] value in the vocabulary structure), read () 0 And get_input () is called again It all works very well, I have recently discovered that if you run this app in a terminal window, and then the app Close the terminal window without ending, the app will not exit Received, but CPU intensive launches into an infinite loop, where the read () returns 0 without waiting continued. So how can I get out of the apple if it runs from the terminal win...
Read more