Закругленные уголки с помощью VML и CSS3
Наткнулся на очень интересный вариант решения очень популярной проблемы многих веб-мастеров — закругление блоков.
Для этого варианта закругления используются VML и CSS3.
Решение без картинок, работает во всех Internet Explorer'ах включая 5ый, в Firefox, в Safari, но к сожалению в старых версиях Opera не работает.
VML(англ. Vector Markup Language — язык векторной разметки) разработан фирмой Microsoft для описания векторной графики. ©wikipedia
Не буду тянуть и сразу покажу Вам css код:
v\:roundrect {
color:#FFF;
display:block;
background-color:#000;
padding:20px;
height:100%;
/* Для закругления уголков в остальных браузерах */
-moz-border-radius:10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
/* Для ie */
v\:roundrect {
behavior:url(#default#VML);
/background-color:transparent;
}Наверное вы уже поняли, этот css код для закругления уголков в IE использует VML, а для остальных браузеров использует CSS3.
Теперь код самих блоков:
<!-- Подключаем VML -->
<xml:namespace ns="urn:schemas-microsoft-com:vml" prefix="v" />
<v:roundrect arcsize=".04" fillcolor="#000">
Привет, я закругленный блок!
</v:roundrect>Поясню этот код. Первая строчка подключает VML. Параметр блока arcsize отвечает за радиус закругления, fillcolor отвечает за фон блока.
Не буду утверждать, что этот способ наиболее правильный, но он тоже интересен и имеет право на жизнь.
I really like your blog.. very nice colors & theme. Did you create this website yourself or did you hire someone to do it for you? Plz reply as I’m looking to create my own blog and would like to know where u got this from. thanks a lot
Some really select articles on this site, saved to favorites .
Youre so cool! I dont suppose Ive read something like this before. So good to search out anyone with some original thoughts on this subject. realy thank you for starting this up. this website is something that is needed on the internet, someone with a little bit originality. useful job for bringing one thing new to the web!
Regards for this post, I’m a big big fan of this internet site would like to go on updated.
Some people enjoy this type of weighted arguments.
This is really interesting, You are a very skilled blogger. I’ve joined your feed and look forward to seeking more of your great post. Also, I have shared your web site in my social networks!
Excellent post. I was checking continuously this blog and I’m impressed! Very helpful info specifically the last part :) I care for such info a lot. I was looking for this certain info for a very long time. Thank you and best of luck.
Absolutely written subject matter, thanks for information .
This blog was… how do you say it? Relevant!! Finally I have found something that helped me. Appreciate it!
Good – I should definitely pronounce, impressed with your site. I had no trouble navigating through all the tabs as well as related info ended up being truly simple to do to access. I recently found what I hoped for before you know it in the least. Quite unusual. Is likely to appreciate it for those who add forums or something, site theme . a tones way for your customer to communicate. Excellent task..
Together with everything that appears to be building within this area, your perspectives happen to be quite radical. However, I beg your pardon, but I do not subscribe to your whole idea, all be it exciting none the less. It appears to me that your comments are actually not totally validated and in simple fact you are your self not really wholly confident of your assertion. In any case I did enjoy reading through it.
Merely wanna remark that you have a very nice site, I love the design and style it actually stands out.
Hi there just wanted to give you a quick heads up and let you know a few of the images aren’t loading properly. I’m not sure why but I think its a linking issue. I’ve tried it in two different web browsers and both show the same outcome.
Just about all of the things you articulate happens to be astonishingly precise and it makes me ponder the reason why I hadn’t looked at this with this light previously. Your piece truly did switch the light on for me personally as far as this topic goes. However at this time there is 1 point I am not too comfy with and while I make an effort to reconcile that with the core idea of your position, let me see just what all the rest of the readers have to point out.Nicely done.
I’m still learning from you, while I’m trying to reach my goals. I definitely liked reading everything that is written on your website.Keep the aarticles coming. I enjoyed it!
Iím not that much of a internet reader to be honest but your sites really nice, keep it up! I’ll go ahead and bookmark your website to come back later on. All the best
I really like your blog.. very nice colors & theme. Did you make this website yourself or did you hire someone to do it for you? Plz answer back as I’m looking to design my own blog and would like to find out where u got this from. cheers
I not to mention my guys have already been reading the best guides found on your web page and all of a sudden got an awful suspicion I never expressed respect to the web blog owner for those techniques. Most of the boys are already certainly thrilled to read through them and have in effect in truth been having fun with these things. Appreciate your simply being really helpful and also for making a choice on varieties of smart information most people are really desperate to discover. Our own honest apologies for not expressing appreciation to earlier.
You can’t put new wine in old bottles.